GoogleMAP APIを使っている。表示してあるGoogleMAPのピンをクリックした時吹き出しが出るようにしたい。
var marker = []; var infoWindow = []; function initMap() { for (var i = 0; i < data.length; i++) { markerLatLng = new google.maps.LatLng(data[i]); marker[i] = new google.maps.Marker({ position:markerLatLng, map: map }); var infoWindow; infoWindow = new google.maps.InfoWindow({ content: '<div class="sample">test</div>' }); marker[i].addListener('click', function() { infoWindow.open(map, marker); }); } }
とコードを書いた。ピンは目的の位置に描画されたが、ピンをクリックしても吹き出しが出なかった。Uncaught TypeError: b.get is not a function とエラーが出た。
var marker = []; var infoWindow = []; function initMap() { for (var i = 0; i < data.length; i++) { var markers = data.map(function(location) { return new google.maps.Marker({ position: location, map:map, icon:pinImage }); }); markerEvent(data[i]); } function markerEvent(i) { marker[i].addListener('click', function() { infoWindow[i].open(map, marker[i]); }); } }
とコードを書いた時は、open is defined とエラーが出た。
どう直せば良いのか?
参考URL:
http://www.googleappsscript.info/2018-03-25/map_show_map_marker.html
https://www.tam-tam.co.jp/tipsnote/javascript/post7755.html
回答2件
あなたの回答
tips
プレビュー