I mean i only want to show 1 color instead of all.
On 29 nov, 16:52, Milcoi <[EMAIL PROTECTED]> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
![http://www.modelbouwlocaties.nl/red.png"](http://www.modelbouwlocaties.nl/red.png"){kind=link}
![http://www.modelbouwlocaties.nl/shadow.png"](http://www.modelbouwlocaties.nl/shadow.png"){kind=link}
![http://www.modelbouwlocaties.nl/mainmarker.png"](http://www.modelbouwlocaties.nl/mainmarker.png"){kind=link}
![http://www.modelbouwlocaties.nl/mainshadow.png"](http://www.modelbouwlocaties.nl/mainshadow.png"){kind=link}