Пользовательский маркер Google Map зависит от значения поля - PullRequest
Новая
       2

Пользовательский маркер Google Map зависит от значения поля

0 голосов
/ 25 июля 2011

Я использую приведенный ниже код для заполнения карты Google маркерами для всех значений lat и lng, которые я храню в базе данных MySQL.

Что я хотел бы сделать, если это вообще возможно, это расширить это немного больше и иметь возможность показывать разноцветные маркеры в зависимости от значения поля, чтобы быть более точным, если значение в поле 'находит 'равен нулю, тогда это будет один цвет, но если он имеет значение, равное одному или большему, это будет другой цвет.

Я нашел, как это сделать, если значение поля является текстовым, а не числовым. Я пытался изменить свой код, чтобы (с точки зрения начинающих) я думал, что это может быть, но я не могу заставить это работать. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>All Locations</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
<script type="text/javascript"> 


var customIcons = {       
if 'finds'.value=0: {         
icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png',         
shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'       
},       
else {         
icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png',         
shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'       
}     
}; 
function load() { 
var map = new google.maps.Map(document.getElementById("map"), { 
center: new google.maps.LatLng(54.312195845815246,-4.45948481875007), 
zoom:6, 
mapTypeId: 'roadmap' 
}); 

// Change this depending on the name of your PHP file 
downloadUrl("phphfile.php", function(data) { 
var xml = data.responseXML; 
var markers = xml.documentElement.getElementsByTagName("marker"); 
for (var i = 0; i < markers.length; i++) { 
var name = markers[i].getAttribute("locationname"); 
var address = markers[i].getAttribute("address"); 
var findsvalue = markers[i].getAttribute("finds"); 
var point = new google.maps.LatLng( 
parseFloat(markers[i].getAttribute("osgb36lat")), 
parseFloat(markers[i].getAttribute("osgb36lon"))); 
var marker = new google.maps.Marker({ 
map: map, 
position: point,
icon: icon.icon, 
shadow: icon.shadow
}); 
} 
}); 
} 

function downloadUrl(url, callback) { 
var request = window.ActiveXObject ? 
new ActiveXObject('Microsoft.XMLHTTP') : 
new XMLHttpRequest; 

request.onreadystatechange = function() { 
if (request.readyState == 4) { 
request.onreadystatechange = doNothing; 
callback(request, request.status); 
} 
}; 

request.open('GET', url, true); 
request.send(null); 
} 

function doNothing() {} 

</script> 

</head> 

<body onLoad="load()"> 
<div id="map"></div>
</body> 
</html>

1 Ответ

0 голосов
/ 27 июля 2011

Это было намного проще, чем я думал.

Это был просто случай замены текста числовым значением.

Крис

...