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

AnGella updated their profile
19 hours ago
AnGella replied to AnGella's discussion
Slow and Painful 2.0 Death
"I appreciate the suggestion. While I understand the point you are trying to make about my…"
yesterday
Bizz replied to AnGella's discussion
Slow and Painful 2.0 Death
"I use the product to use to access older hardisks or to clone as backups. I am a photographer also…"
yesterday
AnGella replied to AnGella's discussion
Slow and Painful 2.0 Death
"Sorry to see that you have had the same thing happen to your site.  I guess it just reinforces my…"
yesterday
AnGella replied to AnGella's discussion
Slow and Painful 2.0 Death
"You make an excellent point, and to back up content we must do it manually.  I can't begin to…"
yesterday
Rosas † Negras replied to AnGella's discussion
Slow and Painful 2.0 Death
"Bizz 
I think you are a wonderful and good person you have to be objective doesn't it seem ABSURD…"
yesterday
Bizz replied to AnGella's discussion
Slow and Painful 2.0 Death
"If you can get your hard disk out of your PC you can buy and external hard disk usb dock which you…"
yesterday
Rosas † Negras replied to AnGella's discussion
Slow and Painful 2.0 Death
"The problem we talk about is the story of Ning one of the best teachers that he is AnGella ,
the…"
yesterday
⚡JFarrow⌁ replied to AnGella's discussion
Slow and Painful 2.0 Death
"oh man.. that's rough....  
One time I was able to access my 2.0 in wayback by visiting a post…"
Wednesday
Mark Drury replied to AnGella's discussion
Slow and Painful 2.0 Death
"I have the exact same problem with my Ning 2.0 network, https://wbmrra.ning.com/ -- the CSS just…"
Wednesday
Mark Drury shared their discussion on Facebook
Wednesday
Cindy Dean Mccoy replied to AnGella's discussion
Slow and Painful 2.0 Death
"My experience is that Ning 2 is no longer supported.  I eventually moved to Ning 3, but will have…"
Monday
More…

Meanwhile, you can check our social media channels