Javascript 设置谷歌地图标记

Javascript 设置谷歌地图标记,javascript,google-maps,Javascript,Google Maps,嗨,我有一个谷歌地图,自动检查用户的位置,并把位置的中心。我把标记放在中间有问题。当您单击某个位置时,我正在添加标记 我还希望在单击其他位置时清除现有标记 var标记=[]; window.onload=函数(){ if(导航器.地理位置){ navigator.geolocation.getCurrentPosition(函数(位置){ var pos={ 纬度:位置坐标纬度, lng:position.coords.longitude }; 信息窗口。设置位置(pos); infoWind

嗨,我有一个谷歌地图,自动检查用户的位置,并把位置的中心。我把标记放在中间有问题。当您单击某个位置时,我正在添加标记

我还希望在单击其他位置时清除现有标记

var标记=[];
window.onload=函数(){
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(函数(位置){
var pos={
纬度:位置坐标纬度,
lng:position.coords.longitude
};
信息窗口。设置位置(pos);
infoWindow.setContent('找到位置');
地图设置中心(pos);
},函数(){
handleLocationError(true,infoWindow,map.getCenter());
});
}
变量映射选项={
中心:新google.maps.LatLng(21.3891,39.8579),
缩放:15,
mapTypeId:google.maps.mapTypeId.ROADMAP,
disableDefaultUI:true,
};
var infoWindow=new google.maps.infoWindow();
var latlngbounds=new google.maps.latlngbounds();
var map=new google.maps.map(document.getElementById(“map”)、mapOptions);
//当映射为空时,此事件侦听器调用addMarker()
//点击。
map.addListener('click',函数(e){
地点标记(如板条、地图);
});
功能位置标记(位置、地图){
var marker=new google.maps.marker({
职位:职位,,
地图:地图
});
潘托地图(位置);
}
google.maps.event.addListener(映射,'click',函数(e){
document.getElementById(“lat”).value=(e.latLng.lat());
document.getElementById(“lng”).value=(e.latLng.lng());
div=document.getElementById('name');
div.style.display=“块”;
div=document.getElementById('submit');
div.style.display=“块”;
var元素=document.getElementById('间距');
element.style.margin=null;
});
}
#地图{
身高:100%;
边际:0px;
}

Hi将此代码添加到现有代码中,以将标记添加到中心:

infoWindow.setPosition(pos);
infoWindow.setContent('Location found.');
map.setCenter(pos);
var marker=new google.maps.marker({位置:pos,动画: google.maps.Animation.BOUNCE,图标:“img/mapicon.png”})

marker.setMap(map)


对于第二个解决方案,我添加了以下内容:

                              function placeMarker(position, map) {

                            var marker = new google.maps.Marker({
                              position: position,
                              icon: 'img/mapicon.png',
                              map: map
                            });
                            map.panTo(position);
                            markers.push(marker);

                          }

                          function setMapOnAll(map) {
                            for (var i = 0; i < markers.length; i++) {
                              markers[i].setMap(map);
                            }
                          }


                          function clearMarker(position, map) {

                            setMapOnAll(null);
                          }
功能位置标记(位置、地图){
var marker=new google.maps.marker({
职位:职位,,
图标:“img/mapicon.png”,
地图:地图
});
潘托地图(位置);
标记器。推(标记器);
}
函数setMapOnAll(映射){
对于(var i=0;i
                              function placeMarker(position, map) {

                            var marker = new google.maps.Marker({
                              position: position,
                              icon: 'img/mapicon.png',
                              map: map
                            });
                            map.panTo(position);
                            markers.push(marker);

                          }

                          function setMapOnAll(map) {
                            for (var i = 0; i < markers.length; i++) {
                              markers[i].setMap(map);
                            }
                          }


                          function clearMarker(position, map) {

                            setMapOnAll(null);
                          }