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

FORUM

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

Email me when people reply –

Announcements

 

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

Annabel Gregory replied to Annabel Gregory's discussion
Broadcast newsletter not received
"Thanks. Ning support said that it was a bug. There seemed to be rather a scattergun effect - the fi…"
13 hours ago
Amber Nelson replied to Annabel Gregory's discussion
Broadcast newsletter not received
"Yes, unless the preview mail and the actual mail come from two different mail servers. It could als…"
14 hours ago
FOWC is now a member of 3.0 transition assistance
17 hours ago
Annabel Gregory replied to Annabel Gregory's discussion
Broadcast newsletter not received
"Thanks, Amber, hope it's just that! But shouldn't that have affected the previewed mail as well?
 "
23 hours ago
Amber Nelson replied to Hugh's discussion
Pictures/Gallery Pages Very Poor performance in Search - Anyone know why?
"Usually, google Searches look for the direct link to the image in order for it to show up on image…"
23 hours ago
Amber Nelson replied to Annabel Gregory's discussion
Broadcast newsletter not received
"Perhaps there's a delay in Ning's mail infrastructure to ensure mail going through has no spam rela…"
23 hours ago
Amber Nelson replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"To add to this theory, I found out if you don't edit your default home page template, your default…"
yesterday
Amber Nelson replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"On a hunch, to solve the issue, what did you use as the page URL for your site when you enabled the…"
yesterday
Annabel Gregory posted a discussion
I have just broadcast our fortnightly newsletter to all our members, and at the first attempt 40 mi…
yesterday
Dr. Krishna Kumari Challa replied to Dr. Krishna Kumari Challa's discussion
Why isn't my Ning network site not secure?
"Thank you! I have scanned my PC several times but didn't find any malaware. I have kaspersky anti-v…"
yesterday
Hugh posted a discussion
Generally, my Ning site seems to do pretty well in Google serach ranking. But for some reason photo…
yesterday
Ingrid Silva Cárcamo replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"Gracias por esta iniciativa que ya deseaba, pero falta mucho por arreglar y espero que pronto ya es…"
yesterday
More…

Meanwhile, you can check our social media channels