Javascript 如何解析标记位置的xml文件并在地图上绘图
我试图从xml文件中读取点,而不是像下面的示例中那样从javascript中读取点 但这对我不起作用。我创建了一个xml文件,其中包含:Javascript 如何解析标记位置的xml文件并在地图上绘图,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我试图从xml文件中读取点,而不是像下面的示例中那样从javascript中读取点 但这对我不起作用。我创建了一个xml文件,其中包含: <?xml version="1.0" encoding="UTF-8"?> <companies> <company> <lat>52.511467</lat> <lng>13.447179</lng> </compan
<?xml version="1.0" encoding="UTF-8"?>
<companies>
<company>
<lat>52.511467</lat>
<lng>13.447179</lng>
</company>
<company>
<lat>52.549061</lat>
<lng>13.422975</lng>
</company>
<company>
<lat>52.497622</lat>
<lng>13.396110</lng>
</company>
<company>
<lat>52.517683</lat>
<lng>13.394393</lng>
</company>
</companies>
52.511467
13.447179
52.549061
13.422975
52.497622
13.396110
52.517683
13.394393
但是我无法在google maps v3上显示这些点。有人举过解析xml文件中的坐标然后在地图上显示它们的例子吗?我使用jQuery获取xml文件,然后解析它。我已经多次使用这种方法,但没有时间测试,因此可能会出现语法错误
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
...
var map;
function init()
{
map = new google.maps.Map("map_canvas");
jQuery.get("companies.xml", {}, function(data) {
jQuery(data).find("company").each(function() {
var company = jQuery(this);
var lat = jQuery(company).find("lat").text();
var lon = jQuery(company).find("lng").text();
var latlng = new google.maps.LatLng( parseFloat(lat), parseFloat(lon) );
var marker = new google.maps.Marker( { position: latlng, });
markers.setMap(map);
});
});
}
...
var映射;
函数init()
{
map=新的google.maps.map(“地图画布”);
get(“companys.xml”,{},函数(数据){
jQuery(数据).find(“公司”).each(函数(){
var company=jQuery(this);
var lat=jQuery(company).find(“lat”).text();
var lon=jQuery(company).find(“lng”).text();
var latlng=新的google.maps.latlng(parseFloat(lat),parseFloat(lon));
var marker=new google.maps.marker({position:latlng,});
markers.setMap(map);
});
});
}
太棒了-非常感谢你的提示!
上面的代码中还有一个小错误:
替换
markers.setMap(map)
借
marker.setMap(map)
…那就行了