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
-~----------~----~----~----~------~----~------~--~---