[Google Maps API v3] Multiple Locations based on SmartInfoWindow by Pamela Fox

[Tim Vaughan]

Hi All, 

I am having a bit of an issue with the some code that is based on 
SmartInfoWindow  by Pamela Fox. Hopefully someone will be able to help here?

Code can be found here at http://www.frogboxmarketing.com/code/

I have data.js working in the background supplying the long/lat data. How do 
I have multiple locational data i.e. Descriptions/hyperlinks/photos? for the 
different locations. Do I amend/duplicate the following code somehow?

function makeMarker(location) {
  var markerOptions = {map: map, position: new 
google.maps.LatLng(location.lat, location.lng)};
  var marker = new google.maps.Marker(markerOptions);
  markers.push(marker);
  var content = '<div style="text-align: center; font-size:14px; 
font-family:arial; color:FFFFFF;"><center><b>Upper East Side – South 
Africa</b></center><img width="240" height="180" style="margin:10px 0;" 
src="images/ues_gal5.jpg"/><div style="margin: 0 auto; text-align: right; 
width: 240px; font-family:arial; color:FFFFFF;" 
class="linkbutton"></div><div class="linkbutton"><a 
style="font-family:arial; color:FFFFFF;" 
href="http://www.panoramio.com/photo/7253919"; target="_blank">See more 
photos at Panoramio.com</a></div><br/><div class="linkbutton"><a 
style="font-family:arial; color:FFFFFF;" 
href="http://www.redefinehotels.com/hotels/upper-east-side-south-africa/"; 
target="_blank">Read more about this location</a></div></div>';

  google.maps.event.addListener(marker, 'click', function(e) {
    var infobox = new SmartInfoWindow({position: marker.getPosition(), map: 
map, content: content});
  });
}

Any help gratefully received.

Cheers

Tim

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-maps-js-api-v3/-/8HTgCtX45CsJ.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.