Geo Code Multi Listing Icon

Hi Craig - sorry but I don't know if we can help without seeing the code.

I assume you're using the Google Maps API? Have you looked at the custom marker documentation?

https://developers.google.com/maps/tutorials/customizing/custom-markers

Hi Claire

i am just using the normal geocode plugin i cant get the single map to display with icon but not a map with more than one location pin on the map to display the pin icons

here is the code i have.

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
  var mapCanvasId = 'map-canvas';
  var mapOptions  = { mapTypeId: google.maps.MapTypeId.ROADMAP, scrollwheel: false, navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: true };
  var map         = new google.maps.Map(document.getElementById(mapCanvasId), mapOptions);
  var image       = new google.maps.MarkerImage("img/map-icon.png");
  var bounds      = new google.maps.LatLngBounds();
  var infowindow  = new google.maps.InfoWindow();
<?php
foreach ($locations as $record) {
  if (!$record['latitude'] || !$record['longitude']) { continue; }
  $jsFunctionArgs = "{$record['latitude']}, {$record['longitude']}, {$record['num']}, '" .escapeJs($record['_link']). "'";
  print "  _geocoder_addMarker($jsFunctionArgs);\n";
}
?>

  //
  function _geocoder_addMarker(latitude, longitude, recordNum, detailLink) {
    var latLng       = new google.maps.LatLng(latitude, longitude);
    var infowindowEl = document.getElementById('marker_infowindow_' + recordNum);
    var marker       = new google.maps.Marker({ map: map, position: latLng, icon: image });
    var image        = "img/map-icon.png";
    google.maps.event.addListener(marker, 'click', function() {
      if (infowindowEl) {
        infowindow.setContent(infowindowEl.innerHTML);
        infowindow.open(map, marker);
      }
      else {
        window.location = detailLink;
      }
    });
    bounds.extend(latLng);
  }

  //
  map.fitBounds(bounds);
}

</script>

Hi Craig

Can you be any more specific about what error you're seeing? Do the icons not load, for example?

I suspect that you will need to include the full root in order to have it show up, i.e. http://mywebsite.com/img/map-icon.png instead of img/map-icon.png.

Hi Claire

mmm have never needed to do that before every other single time it has worked as per what I have on every other single install why would it change all of a sudden and the other sites are still working ok

Hi Claire

no errors loading and the standard map pin icons are loading perfect 

I'm afraid I'm baffled, then. There doesn't seem to be anything obviously wrong.

This is about the limit of what I can do for forum support, unfortunately. If you'd like us to take a closer look, please email consulting@interactivetools.com.