Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Onclick事件谷歌地图_Javascript_Google Maps_Dictionary_Onclick - Fatal编程技术网

Javascript Onclick事件谷歌地图

Javascript Onclick事件谷歌地图,javascript,google-maps,dictionary,onclick,Javascript,Google Maps,Dictionary,Onclick,因此,我有一个交互式地图,在加载时添加一个初始标记。每次用户移动该标记时,它都会在文本字段中记录并更新标记的位置(经度和纬度) 我现在想做的是添加一个onclick事件,这样当用户单击地图上的其他地方时,就会显示一个新的标记(并删除最初的标记),然后更新位置 我使用onclick listener,使用setmaponal方法清除标记,但没有成功。我知道我错过了什么,但我不知道是什么。下面是我的函数代码,它只允许填充标记,可拖动,但不允许onclick。请帮助: var geocoder=n

因此,我有一个交互式地图,在加载时添加一个初始标记。每次用户移动该标记时,它都会在文本字段中记录并更新标记的位置(经度和纬度)

我现在想做的是添加一个onclick事件,这样当用户单击地图上的其他地方时,就会显示一个新的标记(并删除最初的标记),然后更新位置

我使用onclick listener,使用setmaponal方法清除标记,但没有成功。我知道我错过了什么,但我不知道是什么。下面是我的函数代码,它只允许填充标记,可拖动,但不允许onclick。请帮助:


var geocoder=new google.maps.geocoder();
功能地理编码定位(pos){
地理编码({
车床:位置
},职能(回应){
if(responses&&responses.length>0){
UpdateMarkeradAddress(响应[0]。格式化的\u地址);
}否则{
UpdateMarkeradAddress('无法确定此位置的地址');
}
});
}
函数updateMarkerStatus(str){
document.getElementById('markerStatus')。innerHTML=str;
}
//用标记位置填充字段
函数更新标记位置(latLng){
document.getElementById('pdb-longitude')。value=latLng.lng();
document.getElementById('pdb-latitude')。value=latLng.lat();
document.getElementById('info')。innerHTML=[
latLng.lat(),
latLng.lng()
]。加入(‘,’);
}
函数更新标记地址(str){
document.getElementById('address')。innerHTML=str;
}
函数初始化(){
var latLng=新的google.maps.latLng(49.691219873776326,-112.83338917980956);
var map=new google.maps.map(document.getElementById('map'){
缩放:13,
中心:拉特林,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var marker=new google.maps.marker({
位置:latLng,
标题:“A点”,
地图:地图,
德拉格布尔:是的
});
//更新当前职位信息。
更新市场定位(latLng);
地理共定位(latLng);
//添加拖动事件侦听器。
google.maps.event.addListener(标记'dragstart',函数(){
UpdateMarkeradAddress('拖动…');
});
google.maps.event.addListener(标记'drag',function(){
updateMarkerStatus('拖动…');
updateMarkerPosition(marker.getPosition());
});
google.maps.event.addListener(标记'dragend',function(){
updateMarkerStatus('位置已成功记录!请填写下表');
geocodePosition(marker.getPosition());
});
}
//用于启动应用程序的Onload处理程序。
google.maps.event.addDomListener(窗口“加载”,初始化);
位置状态:
单击并拖动标记。
当前职位:
学分:

如果您真的关心删除标记,请查看以下内容:

学分:

如果您真的关心删除标记,请查看以下内容:

google.maps.event.addListener(map, 'click', function(e) {
     //lat and lng is available in e object
      var latLng = e.latLng;
     /*
      *update the marker coordinate here
     *
     */
  });