Javascript 谷歌地图边栏未定义变量
我想在侧边栏中显示deviceid变量 我能够拉在数据和显示在我的地图上的位置刚刚好。。。但侧边栏显示未定义。 我对javascript还不熟悉,所以可能会出错 错误在哪里 谢谢Javascript 谷歌地图边栏未定义变量,javascript,google-maps,Javascript,Google Maps,我想在侧边栏中显示deviceid变量 我能够拉在数据和显示在我的地图上的位置刚刚好。。。但侧边栏显示未定义。 我对javascript还不熟悉,所以可能会出错 错误在哪里 谢谢 <script type="text/javascript"> var deviceid; var point; var map; var image = 'images/mm_20_red.png'; var url = "phpsqlajax_genxml3.p
<script type="text/javascript">
var deviceid;
var point;
var map;
var image = 'images/mm_20_red.png';
var url = "phpsqlajax_genxml3.php";
function load() {
var milan = new google.maps.LatLng(45.4636889, 9.1881408);
var mapOptions = {
zoom: 13,
center: milan,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions );
var infoWindow = new google.maps.InfoWindow;
GDownloadUrl(url, function(data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var deviceid = markers[i].getAttribute("deviceid");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("latitude")),
parseFloat(markers[i].getAttribute("longitude")));
var timestamp = markers[i].getAttribute("timestamp");
var html = "<b>" + deviceid;
var marker = new google.maps.Marker({
deviceid: deviceid,
map: map,
position: point,
icon: image
});
bindInfoWindow(marker, map, infoWindow, html);
//Creates a sidebar button for the marker
createMarkerButton(marker);
// START zoom
google.maps.event.addListener(marker, 'click', function() {
map.setZoom(16);
});
// END zoom
}
});
}
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
}
function GDownloadUrl(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 createMarkerButton(marker) {
var ul = document.getElementById("marker_list");
var li = document.createElement("li");
var deviceid = marker.getTitle();
//li.innerHTML = title;
li.innerHTML = deviceid;
ul.appendChild(li);
//Trigger a click event to marker when the button is clicked.
google.maps.event.addDomListener(li, "click", function(){
google.maps.event.trigger(marker, "click");
});
}
function doNothing() {}
</script>
变量设备ID;
var点;
var映射;
var image='images/mm_20_red.png';
var url=“phpsqlajax_genxml3.php”;
函数加载(){
var milan=new google.maps.LatLng(45.4636889,9.1881408);
变量映射选项={
缩放:13,
中心:米兰,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map(document.getElementById(“map_canvas”),mapOptions);
var infoWindow=new google.maps.infoWindow;
GDownloadUrl(url,函数(数据){
var xml=data.responseXML;
var markers=xml.documentElement.getElementsByTagName(“标记”);
对于(var i=0;i
-1,这不是一个“plz调试我的代码”网站,我知道,这不是调试我的代码的地方。任何参考资料都会帮助我:)为Firefox安装firebug插件并进行调试。或者更好的做法是,首先进行一次良好的代码审查。Firefox的Firebug对我帮助很大…:)JSLint.com是识别Javascript中错误的有用站点。