有没有办法在网络上限制谷歌地图标记?

时间:2017-12-23 15:44:47

标签: javascript google-maps typescript ionic-framework

我基本上有一个Ionic应用程序,用户点击地图并将其返回给用户,没问题。我的问题是,当用户在地图中多次点击时,我添加了标记以通知用户他选择的位置,我想要它,这样每次他点击地图时,标记的数量将保持为一。

1 个答案:

答案 0 :(得分:2)

也许您正在创建一个新标记并使用marker.setMap(map);这会创建一个新标记并将其添加到当前地图。

不要定义新标记,只需使用setPosition来改变当前标记的位置:

marker.setPosition(position);

其中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+ "});
}