我正在尝试使用谷歌地图作为定位位置的工具。为此,我正在使用 javaScript api v3。我也在使用ipinfodb api 进行地理定位。我遇到了一个我怀疑是 API 问题的问题,但可能我忘记了一些东西......这是我的代码的一部分:
var googleMap = null; // of type google.maps.Map
var googleApiKey = <myGoogleApiKey>;
var scriptLoaded = false;
var latLng = null; // expecting format: "lat,lng" or "(lat,lng)"
var marker = null; // of type google.maps.Marker
function setLatLong(locationStr){
if (null != locationStr && locationStr.length>2){
latLng = ""+locationStr;
if (null != googleMap){
var ll = latLng.split(",");
ll[0] = ll[0].replace(/\(/i,"");
ll[1] = ll[1].replace(/\)/i,"");
//TODO: write ll[0], and ll[1] somewhere
}
}
}
function loadGoogleMapsScript() {
if (!scriptLoaded){
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://maps.googleapis.com/maps/api/js?key="+
googleApiKey+"&sensor=false&callback=initGoogleMaps";
document.body.appendChild(script);
scriptLoaded = true;
}
}
function initGoogleMaps() {
var llArray = null;
if (null != latLng) llArray = latLng.split(",");
else llArray = [0,0];
if (null == googleMap){
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng( (llArray && llArray.length == 2)? parseFloat(llArray[0]) : null,
(llArray && llArray.length == 2)? parseFloat(llArray[1]) : null ),
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable:true
};
googleMap = new google.maps.Map(document.getElementById("theMapId"), mapOptions);
google.maps.event.addListener(googleMap, 'click', function(event) {
placeMarker(event.latLng);
setTimeout('placeMarker(googleMap.getCenter())',500);
} else{
googleMap.setZoom(13);
googleMap.setCenter((llArray && llArray.length == 2)? parseFloat(llArray[0]) : null,
(llArray && llArray.length == 2)? parseFloat(llArray[1]) : null );
}
}
function placeMarker(location) {
if ( !isNaN(location.lat()) && !isNaN(location.lng()) )
setLatLong("("+location.lat()+","+location.lng()+")");
else return null;
if (marker){
marker.setMap(null);
marker.setMap(googleMap);
marker.setPosition(location);
} else{
marker = new google.maps.Marker({
position: location,
map:googleMap,
clickable:false,
draggable:true
});
google.maps.event.addListener(marker, 'dragend', function(event) {
placeMarker(event.latLng);
});
}
}
当我打开弹出式 div 时,我首先调用 loadGoogleMapsScript(),该弹出式 div 会在作业完成后从页面中删除。一切都很完美,但有时地图会发疯。如果我不更改标记的位置,下次(在同一会话中)我尝试打开弹出 div,与地图的 onclick 事件相关的 MouseEvent.lat() 的值变为 NaN,并且标记略微向顶部移动地图。无法正确拖动地图。这就是我用来移除弹出窗口的方法:
function removePopupDiv(){
jQuery('.popup_div-area').remove();
//setTimeout("removeScriptBySrcContent('https://maps.g');removeScriptBySrcContent('.googleapis');",300);
scriptLoaded = false;
googleMap = null;
marker = null;
}
如您所见,我什至尝试删除添加的脚本标签,但没有成功,有时会出现问题。我试图解决这个问题一段时间,但没有成功。以前有人遇到过这个问题吗?我找不到其他人抱怨这个问题。