我试图整理一个将在我的局域网上运行的HTML页面,这样我就可以在我的MySQL数据库中查看一些记录。到目前为止,我已经很好地对其进行了剖析,并且我生成了一个包含所有数据库记录的单独XML文件。每条记录都有经纬度。那里有大约500条记录; XML很长。
我试图使用Cluster Marker Google Map(v3 API)通过lat / long值绘制每条记录。我一直在阅读以下文档:http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/examples.html。
然而,作为一名新手,我需要一些帮助来调试我的JavaScript,并将所有内容都放在最后一个障碍上!我有以下内容:
// MarkerCluster object
function load(){
var center = new google.maps.LatLng(53.37810447576022,-1.4622077941894531);
var options = {
'zoom': 7,
'center': center,
'mapTypeId': google.maps.MapTypeId.ROADMAP
};
// Create Map inside "map-canvas" <id> tag of HTML page.
var map = new google.maps.Map(document.getElementById("map-canvas"), options);
downloadUrl("phpgenxml.php", function(data) {
chop = []
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var latLng = new.google.maps.LatLng(parseFloat(markers[i].getAttribute("latitude")),parseFloat(markers[i].getAttribute("longitude")));
var marker = new google.maps.Marker({'position': latLng});
chop.push(marker);
}
var markerCluster = new MarkerClusterer(map, chop);
});
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
}
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() {}
}
load();
基本上,地图根本不显示。你能帮忙吗?
答案 0 :(得分:1)
你有一个无关紧要的“。”在var latLng = new.google.maps.LatLng(
中,应为var latLng = new google.maps.LatLng(
(将其替换为空格)