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 –

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!

This reply was deleted.

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

Steve Ewing replied to Mark Drury's discussion
Ning v2.0 Network Foobarrage ...
"Our site is suffering from the same problem (https://rvahnavy.ning.com/)"
13 hours ago
⚡JFarrow⌁ posted a discussion
Scratching my head and thought I had this sorted out once before but I am trying to figure out how…
14 hours ago
Anastasia_Ning_Support replied to Mark Drury's discussion
Ning v2.0 Network Foobarrage ...
"Hello Mark!
Yes, you are right, the issue may come back, so we, of course, continue to look into th…"
17 hours ago
Matt Henry, Kadir, Anthony Foley and 16 more joined Ning Creators Social Network
18 hours ago
Ry, updated their profile photo
yesterday
Ry, updated their profile photo
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Tip Quicky N3.0: Do wonders with "There aren't Any..." and Inspire Your Members to Share
"change this

 
to this

Go to language editor and search/replace "You are now a member of""
yesterday
Tyler Durbin replied to Tyler Durbin's discussion
Location (Zip code) disappeared on signup
"Thanks J,
That did not work.  I emailed support.
 "
yesterday
⚡JFarrow⌁ updated their profile photo
yesterday
⚡JFarrow⌁ replied to Tyler Durbin's discussion
Location (Zip code) disappeared on signup
"try this
1. Log into your social network as the Network Creator2. Clear the cache by visiting http:…"
yesterday
⚡JFarrow⌁ replied to Tyler Durbin's discussion
Location (Zip code) disappeared on signup
"you can try this:
1. Log into your social network as the Network Creator2. Clear the cache by visit…"
yesterday
Mohammed Nuruzzaman updated their profile
Thursday
More…

Meanwhile, you can check our social media channels