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: 1
Email me when people reply –

Replies

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

Vander NG replied to Anastasia_Ning_Support's discussion
Mention feature
"I tested it again yesterday, it seems the NING Support has fixed the problem without notifying me. …"
3 hours ago
This Is bully replied to Anastasia_Ning_Support's discussion
Mention feature
"The notification email was from a .Ning.com domain I went to my domain host which is go daddy and…"
9 hours ago
Max Ning Support is now friends with Rosas † Negras and kostasgr
20 hours ago
Vander NG replied to Anastasia_Ning_Support's discussion
Mention feature
"Thanks!  So you got the notification email from this new feature, with the same sender as all other…"
yesterday
This Is bully replied to Anastasia_Ning_Support's discussion
Mention feature
"You need to set up an MX record with your domain provider in order to enable this feature."
yesterday
Ana Massien replied to Anastasia_Ning_Support's discussion
Mention feature
"About time, ning. Yes, will it be added to over all network entirely? 
 "
yesterday
Ana Massien shared their discussion on Facebook
yesterday
Ana Massien liked Anastasia_Ning_Support's discussion Mention feature
yesterday
Rosas † Negras posted a discussion
impossible to work in the codes does not allow to add codes, modify or other
yesterday
Rosas † Negras liked Max Ning Support's profile
Friday
Max Ning Support is now a member of Ning Creators Social Network
Friday
Jen liked Anastasia_Ning_Support's discussion Mention feature
Thursday
More…

Meanwhile, you can check our social media channels