Hello,

I have this site running: www.modelbouwlocaties.nl
It shows all the database markers (shops, carclubs, boatclubs,
flightclubs) via color in script.

I like it show only 1 short marker example only flightclubs.

Don't know how to proceed / build this. So need a bit help.

using store locator from pamela.

my script:

    //<![CDATA[
    var map;
    var geocoder;
        var gmarkers = [];
        var to_htmls = [];
        var from_htmls = [];
        var i = 0;
        var request;


var baseIcon = new GIcon();
baseIcon.image = "http://www.modelbouwlocaties.nl/red.png";;
baseIcon.shadow = "http://www.modelbouwlocaties.nl/shadow.png";;
baseIcon.iconSize = new GSize(27, 41);
baseIcon.shadowSize = new GSize(48, 41);
baseIcon.iconAnchor = new GPoint(13, 20);
baseIcon.infoWindowAnchor = new GPoint(13, 20);
baseIcon.imageMap = [4,0,0,4,0,7,3,11,4,19,7,19,8,11,11,7,11,4,7,0];
baseIcon.transparent = "mapIcons/mm_20_transparent.png";
var icons=[];


var mainicon = new GIcon();
mainicon.image = "http://www.modelbouwlocaties.nl/mainmarker.png";;
mainicon.shadow = "http://www.modelbouwlocaties.nl/mainshadow.png";;
mainicon.iconSize = new GSize(27, 41);
mainicon.shadowSize = new GSize(48, 41);
mainicon.iconAnchor = new GPoint(13, 20);
mainicon.infoWindowAnchor = new GPoint(13, 20);


        function coloredRideshareIcon(iconColor) {
         var color;
         if ((typeof(iconColor)=="undefined") || (iconColor==null)) {
      color = "red"
         } else {
      color = iconColor;
         }
         if (!icons[iconColor]) {
      var icon = new GIcon(baseIcon);
      icon.image = "http://www.modelbouwlocaties.nl/"+ color +".png";
      icons[iconColor]=icon;
         }
         return icons[iconColor];
        }

    function load() {
      if (GBrowserIsCompatible()) {
        geocoder = new GClientGeocoder();
        map = new GMap2(document.getElementById('map'));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
                map.addMapType(G_PHYSICAL_MAP);
        map.setCenter(new GLatLng(52.184036864,5.5535888671),7);
      }
    }



        function searchLocations() {
     var adres = document.getElementById('adresInput').value;
     geocoder.getLatLng(adres, function(latlng) {
       if (!latlng) {
         alert(adres + ' not found');
       } else {
             map.clearOverlays();
         searchLocationsNear(latlng);
                 var mainmarker = new GMarker(latlng, mainicon);
         map.addOverlay(mainmarker);
       }
     });
   }


        function searchLocationsNear(center) {
     var radius = document.getElementById('radiusSelect').value;
     var searchUrl = 'phpsqlsearch_genxml.php?lat=' + center.lat() +
'&lon=' + center.lng() + '&radius=' + radius;
     GDownloadUrl(searchUrl, function(data) {
       var xml = GXml.parse(data);
       var markers = xml.documentElement.getElementsByTagName
('marker');
       var bounds = new GLatLngBounds();
       for (var i = 0; i < markers.length; i++) {
         var naam = markers[i].getAttribute('naam');
         var adres = markers[i].getAttribute('adres');
                 var postcode = markers[i].getAttribute('postcode');
                 var plaats = markers[i].getAttribute('plaats');
                 var tel = markers[i].getAttribute('tel');
                 var url = markers[i].getAttribute('url');
         var distance = parseFloat(markers[i].getAttribute
('distance'));
         var point = new GLatLng(parseFloat(markers[i].getAttribute
('lat')), parseFloat(markers[i].getAttribute('lon')));
         var color= markers[i].getAttribute("icon");
         var marker = createMarker(point, naam, adres, postcode,
plaats, tel, url, distance, color, i);
         map.addOverlay(marker);
         bounds.extend(point);
       }
       map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel
(bounds));
     });
   }


     function tohere(i) {
        gmarkers[i].openInfoWindowHtml(to_htmls[i]);
      }
          function fromhere(i) {
        gmarkers[i].openInfoWindowHtml(from_htmls[i]);
      }


    function createMarker(point, naam, adres, postcode, plaats, tel,
url, distance, iconStr, marker_num) {
        var i = marker_num;
        var icon = coloredRideshareIcon(iconStr);
    var marker = new GMarker(point, icon);
        gmarkers[i] = marker;
    marker.type = iconStr;

      var centrum= document.getElementById('adresInput').value;
      var html = '<b>' + naam + '</b> <br/>' + adres + '<br/>' +
postcode + ' ' + plaats + '<br/>Tel: ' + tel + '<br/><a href="' + url
+ '">' + url + '</a><br/><br>' + distance.toFixed(1) + ' km vanaf ' +
centrum + '.';


          // The info window version with the "to here" form open
        to_htmls[i] = html + '<br><form name="route" action="http://
maps.google.nl/maps" method="get"
target="_blank">Vertrekpunt:'+'<br><input type="text" SIZE=35
MAXLENGTH=40 name="saddr" id="saddr" value="straatnaam, plaatsnaam" /
><br>' +
           '>> <a href="javascript:document.route.submit()">Bereken
route</a>' +
                   '<input type="hidden" name="daddr" value="' + point.lat() + 
',' +
point.lng() + '"/>';

           html = html + '<br>Routebeschrijving: <a href="javascript:tohere
('+i+')">Hier naartoe</a>';

          GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html); });

          GEvent.addListener(marker, "mouseover", function() {
         marker.openInfoWindowHtml(html); });

      return marker;
    }
    //]]>


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to