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

⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
TIP: How to Automagically Change Text Locations into Maps
"Honestly this is one of the best tips I ever added to this community... I am surprised more creator…"
9 hours ago
⚡JFarrow⌁ posted a discussion
If you are looking for a way to push RSS feeds from your Ning Community into a custom tab on your f…
9 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Amazing Tool to Automate Your Content Discovery, RSS and Sharing Community Content
"You can now also use RSS Ground to set up autoposting to Facebook, Google+ and Linkedin!"
10 hours ago
⚡JFarrow⌁ updated their profile photo
10 hours ago
Anam replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Thanks Anastasia :) I just didn't want to feel like a nincompoop :D I knew I had searched everywher…"
12 hours ago
Anastasia_Ning_Support replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Hello!
To be honest, it is really strange, I just double-checked and it has disappeared for me as w…"
13 hours ago
Steve Ellison, Jean COLLET, Rejeannda Robinson and 7 more joined Ning Creators Social Network
13 hours ago
Edie2k2 updated their profile photo
yesterday
Anastasia_Ning_Support replied to Fabricio Giugni's discussion
A list of Problem just growing...
"Hello!
1. As a workaround, we offered you to insert a button on the profile page that would redirec…"
yesterday
Anastasia_Ning_Support replied to Fabricio Giugni's discussion
Like button is not working
"Hello!
Right now the like button is not clickable because it is located under another div. 
Try add…"
yesterday
Anastasiia_NING support posted a discussion in NING BUSINESS CLUB
The most straightforward and effective way to monetize your website is to sell something. Selling a…
yesterday
Anam replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"And there it is...gone again...it does not appear automatically. It vanished after i left page and…"
yesterday
More…

Meanwhile, you can check our social media channels