Javascript 有没有办法限制网络上的谷歌地图标记?
我基本上有一个Ionic应用程序,用户点击地图并返回给用户,没有问题。我的问题是,当用户在地图上多次单击时,我添加了标记以通知用户他选择的位置,我希望这样,每次他单击地图时,标记的数量将保持为一个。也许您正在创建一个新标记并使用Javascript 有没有办法限制网络上的谷歌地图标记?,javascript,google-maps,typescript,ionic-framework,Javascript,Google Maps,Typescript,Ionic Framework,我基本上有一个Ionic应用程序,用户点击地图并返回给用户,没有问题。我的问题是,当用户在地图上多次单击时,我添加了标记以通知用户他选择的位置,我希望这样,每次他单击地图时,标记的数量将保持为一个。也许您正在创建一个新标记并使用marker.setMap(地图)这将创建一个新标记并将其添加到当前地图 不要定义新标记,只需使用setPosition来更改当前标记的位置: marker.setPosition(position); 其中position是来自click position的{lat,
marker.setMap(地图)代码>这将创建一个新标记并将其添加到当前地图
不要定义新标记,只需使用setPosition来更改当前标记的位置:
marker.setPosition(position);
其中position是来自click position的{lat,lng}数组;不要忘记将标记定义为一个全局变量,这样您就可以在创建地图和更新位置时使用它
var marker;
function initMap() {
//Here you initialize the map and marker then
marker.setMap(map);
}
function updateMarkerPosition(lat,lng){
marker.setPosition({lat:" + lat +",lng:"+ lng+ "});
}
成功了<代码>导出类类名{marker:any;}ionViewDidLoad(){this.initMap();}initMap(){this.marker=new google.maps.marker({map:map});}google.maps.event.addListener(map,'click',event=>{this.updateMarkerPosition(event.latLng(),event.latLng.lng();}}}updateMarker位置(lat,lng){this.marker.setPosition({lat:lat,lng:lng})}