Google maps api 3 谷歌地图自定义标记取决于字段值
我使用下面的代码在Google地图中填充我在MySQL数据库中保存的所有lat和lng值的标记 如果可能的话,我想做的是进一步扩展,并能够根据字段值显示不同颜色的标记,更具体地说,如果字段“finds”中的值为零,则它将是一种颜色,但如果它的值为一或更大,则它将是另一种颜色 我发现了如果字段值是文本值而不是数字,如何执行此操作。我试图改变我的代码,从初学者的角度来看,我认为它可能是,但我不能让这个工作Google maps api 3 谷歌地图自定义标记取决于字段值,google-maps-api-3,google-maps-markers,Google Maps Api 3,Google Maps Markers,我使用下面的代码在Google地图中填充我在MySQL数据库中保存的所有lat和lng值的标记 如果可能的话,我想做的是进一步扩展,并能够根据字段值显示不同颜色的标记,更具体地说,如果字段“finds”中的值为零,则它将是一种颜色,但如果它的值为一或更大,则它将是另一种颜色 我发现了如果字段值是文本值而不是数字,如何执行此操作。我试图改变我的代码,从初学者的角度来看,我认为它可能是,但我不能让这个工作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
<!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>
所有地点
var customIcons={
如果“查找”。值=0:{
图标:'http://labs.google.com/ridefinder/images/mm_20_blue.png',
影子:'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
},
否则{
图标:'http://labs.google.com/ridefinder/images/mm_20_red.png',
影子:'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
}
};
函数加载(){
var map=new google.maps.map(document.getElementById(“map”),{
中心:新google.maps.LatLng(54.312195845845815246,-4.45948481875007),
缩放:6,
mapTypeId:“路线图”
});
//根据PHP文件的名称更改此选项
下载URL(“phfile.php”,函数(数据){
var xml=data.responseXML;
var markers=xml.documentElement.getElementsByTagName(“标记”);
对于(var i=0;i
这比我想象的要简单得多
这只是一个用数值替换文本的例子
克里斯