現在 HTML、CSS、JavaScriptなどを勉強中のものです。
まだまだ知識がなさすぎるので出来るだけわかりやすく教えていただけると助かります><
初めて質問させていただくので、なにか不適切な面がありましたらご指摘ください。
#Q.google maps
で 情報ウィンドウを同時に複数表示させ、
別のリンクを押すと、その情報ウィンドウへと地図が移動する、ということを
実行させたいと思っております。
地図を表示させ、一つだけ情報ウィンドウを表示させるところまでは
できたのですが、複数を同時に表示させる方法がわかりません、、、
教えてください。お願いします!!
<!DOCTYPE html> <html> <head> </head> <body> <div id="map" style="width:1020px; height:500px;"></div> <script> function initMap() { var myLatLng = {lat:34.675439, lng: 133.531429}; // Create a map object and specify the DOM element for display. var map = new google.maps.Map(document.getElementById('map'), { center: myLatLng, scrollwheel: false,//スクロールの制御 zoom: 17 }); // Create a marker and set its position. var marker = new google.maps.Marker({ map: map, position: myLatLng, }); var infoWindowOption={//情報ウィンドウの表示 position:myLatLng,//座標 content:"<div id='infoWindow'>テキスト<br></div>" }; //情報ウィンドウの生成 var infoWindow=new google.maps.InfoWindow(infoWindowOption); //情報ウィンドウを開いておく infoWindow.open(map); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDU2APVixt-Rd4BU7sPao9ioxIOEWo0DnY&callback=initMap" async defer></script> </body> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/26 06:20
2016/11/26 06:22 編集
2016/11/26 06:26
2016/11/26 06:38
2016/11/26 06:41
2016/11/26 07:04