2017-01-23 4 views
-1

私はgoogle-mapを初めて使っています。ユーザーが任意の場所をクリックすると地図を作成したい地図上にマーカーを置くことができます。node.jsモジュールのインポートを遅らせる方法

map.addEventListener( "click")を使用しようとしましたが問題ありません。 mycode:しかし

function initMap() {  
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 12 
    }); 


    map.addListener('click', function clickHandler() { 
    //do something 
    }); 
} 

ユーザーは任意のランドマーク/ clickableIcon https://imgur.com/a/M3vVuをクリックしてください。

Googleマップでは、インフォボックスが表示され、clickHandlerは無視されます。https://imgur.com/a/R3uWLランドマーク/クリック可能なIconのそれぞれにevent.stopPropagation()があるようです。

両方の方法を有効にする方法はありますか。ユーザーがclickableIconをクリックすると、infoBoxが表示され、マーカーが地図に配置されます。

おかげで、

+0

これは、そのタイトルとは何かを持っていますか? – geocodezip

答えて

1

あなたはこの方法を行うことができます。

google.maps.event.addListener(map, 'click', function(event) { 
placeMarker(event.latLng); 
}); 

function placeMarker(location) { 
var marker = new google.maps.Marker({ 
    position: location, 
    map: map 
}); 
} 
関連する問題