###前提・実現したいこと
Google Map APIのレスポンシブ対応(地図の中心を追従させる)
###発生している問題・エラーメッセージ
(index):599 Uncaught ReferenceError: latlng is not defined
###該当のソースコード
<div id="googlemap"></div> <script> var map; function initMap() { map = new google.maps.Map(document.getElementById('googlemap'), { // #sampleに地図を埋め込む center: { // 地図の中心を指定 lat: 35.61463074399409, // 緯度 lng: 139.52808380126953 // 経度 }, zoom: 18 // 地図のズームを指定 }); //ウィンドウをリサイズしたら再度読み込み google.maps.event.addDomListener(window, 'resize', function(){ map.panTo(latlng);//地図のインスタンス([map]) }); } </script>
###試したこと
map.panTo(latlng)をmap.panTo(map.latlng)に変えてみたり、とんちんかんな手探り修正を試みましたが解決できませんでした。ネームスペースの問題なんだろうとは思うのですが、どう修正すればよいでしょうか?
###追加で試したこと
htmlの内容
<head> <script src="//maps.google.com/maps/api/js?key=XXX"></script> <script type="text/javascript" src="js/set.js"></script> </head>
set.jsの内容
/******************/ /* Google Map *****/ function initialize() { var latlng = new google.maps.LatLng(35.681298, 139.7662469); var myOptions = { zoom: 18, center: latlng, mapTypeId: google.maps.MapTypeId.LOADMAP, scrollwheel: false, disableDefaultUI: false, }; var map = new google.maps.Map(document.getElementById('googlemaps'), myOptions); var lopanMarker = new google.maps.Marker({ position: latlng, map: map, }); google.maps.event.addDomListener(window, "resize", function() { var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); }); var styledMapOptions = { name: '東京駅' } } google.maps.event.addDomListener(window, 'load', initialize); /******************/
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/11 16:32
2017/08/11 16:37
2017/08/11 17:24
2017/08/12 01:29
2017/08/12 06:33
2017/08/12 06:45
2017/08/12 07:25
2017/08/12 08:06