2017-12-23 18 views
-1

나는 기본적으로 사용자가지도를 클릭하고 사용자에게 아무런 문제가없는 이오니아 앱을 가지고있다. 내 문제는 사용자가지도에서 여러 번 클릭 할 때마다 내가 선택한 위치를 사용자에게 알리기 위해 마커를 추가하고지도를 클릭 할 때마다 마커 수가 그대로 유지되도록하려는 것입니다.웹에서 Google지도 아이콘을 제한 할 수있는 방법이 있습니까?

답변

2

아마도 당신은 새로운 마커를 생성하고이 새로운 마커를 생성하고 현재 맵에 추가 marker.setMap(map);을 사용하고 있습니다.

새로운 마커를 정의하고 단지 현재 마커의 위치를 ​​변경하는 대신 setPosition를 사용하지 마십시오 :

marker.setPosition(position); 
위치의 배열 인

{위도, 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+ "}); 
} 
+0

그것은했다! 'export class className { 마커 : 임의; } ionViewDidLoad() { this.initMap(); } initMap() {= this.marker 새로운 google.maps.Marker ({지도 : 맵}); } } updateMarker 위치, } google.maps.event.addListener (지도, 이벤트 => { this.updateMarkerPosition (event.latLng(), event.latLng.lng는()) '을 클릭' (위도, 경도) { this.marker.setPosition ({ 위도 : lat, lng : lng }) } –