Question

我正在使用下面的代码填充Google地图，其中包含我在MySQL数据库中保存的所有lat和lng值的标记。

如果可能的话，我想做的是延长这一点并且能够根据字段值显示不同的彩色标记，更具体地说，如果字段中的值'找到'为零然后它将是一种颜色，但如果它的值为1或更大，则它将成为另一种颜色。

如果字段值是文本值但不是数字，我发现如何执行此操作。我试图改变我的代码，从初学者的角度来看，我认为它可能是如此，但我无法让它发挥作用。

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

Answer 1

这比我想象的要简单得多。

这只是用数值替换文本的情况。

克里斯

Google Map自定义标记取决于字段值

1 个答案: