Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

Ok so someone I am helping with their Ning community has a lot of locations which are mentioned throughout their site and they were wondering how we could change those locations into maps automatically.  I am going to show you how to do two things like this..  First how to change an address into a link to google maps automatically and second, how to convert mentions of a location into an autogenerated map.

It'll look something like this

Ok so say you or your members add a bit of HTML to a post like this:

<br>
Automatically Generated Google Maps link:
<address class="link">
30 Rockafeller plaza
<br>
New York, NY 10112
</address>
<br>
Automatically Generated Embedded Google Map:
<address class="map">
30 Rockafeller plaza, New York NY 10112
</address>

After you add the following snippet of jquery code to your Custom Code (bottom).....

<script>

//Generate a link to google maps
x$(document).ready(function () {
//Convert address tags to google map links
x$('address.link').each(function () {
var link = "<a href='https://maps.google.com/maps?q=" + encodeURIComponent( x$(this).text() ) + "' target='_blank'>" + x$(this).html() + "</a>";
x$(this).html(link);
});
});

///Generate a google embeded map
x$(document).ready(function(){
//Convert address tags to google embedded map
x$("address.map").each(function(){
var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( $(this).text() ) +"&amp;output=embed'></iframe>";
x$(this).html(embed);

});
});

 

</script>

 

Whenever anyone on your site wraps their location text inside either  of the two following HTML brackets, it will generate a map:

<address class="link">  LOCATION </address>

 

or

 

<address class="map">  LOCATION  </address>

 

Do you find this to be useful? Let me know..

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • NC for Hire

    Honestly this is one of the best tips I ever added to this community... I am surprised more creators are not using it!

  • NC for Hire

    so glad  i had this backed up...

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

David Shaw posted a discussion
I'm wondering what the status is on adding a wiki to my Ning site. I searched the forums and see ma…
7 hours ago
Bizz replied to Anastasia_Ning_Support's discussion
Apologies for the recent network instability
"Well it seems we are back to where we were the other week with the sites constantly waiting for the…"
yesterday
Alex Ning Support replied to Anastasia_Ning_Support's discussion
New Social Sharing Options
"Hello,
 
We have checked what causes the reduction of the page speed loading.
Facebook shares and l…"
Monday
Alex Ning Support replied to Anastasia_Ning_Support's discussion
New Social Sharing Options
"Hello! 
Thank you for bringing our attention to this.
I've checked the page you have sent previousl…"
Monday
Monty Yeager, Unmesh Brahme, HaYoung Park and 15 more joined Ning Creators Social Network
Monday
Tavolo Ornitologico replied to Bizz's discussion
NEW GAMES OF THRONES THEME ADDED FOR PROFILE THEMES
"and perfect i am ready to create 3.0 themes and to test my codes first, thanks a lot for the explan…"
Monday
Tavolo Ornitologico replied to Tavolo Ornitologico's discussion
Music Site mp3 playstil player

 
I want this friend of mine to be able to upload both me in the main and the members"
Monday
Bizz replied to Tavolo Ornitologico's discussion
Music Site mp3 playstil player
"Not quite sure what you are after here my friend. Do you that you want members to be able to listen…"
Monday
Bizz replied to Bizz's discussion
NEW GAMES OF THRONES THEME ADDED FOR PROFILE THEMES
"Thanks Tavolo. The idea is is that yes you can add your own Themes you make. I am splitting the cod…"
Monday
Tavolo Ornitologico posted a discussion
I would like to open a site 3.0 of music for when I am under stress lol the problem and the mp3 pla…
Monday
Tavolo Ornitologico liked Bizz's discussion NEW GAMES OF THRONES THEME ADDED FOR PROFILE THEMES
Monday
Tavolo Ornitologico replied to Bizz's discussion
NEW GAMES OF THRONES THEME ADDED FOR PROFILE THEMES
"Incredible theme!it would be nice for a theme creator like me to enter personal .codesin that way w…"
Monday
More…

Meanwhile, you can check our social media channels