Q&A
いいつもお世話になっております。よろしくお願いします。
###前提・実現したいこと
マーカーに落とされた地点の緯度経度を取得したいです。
###発生している問題・エラーメッセージ
tstst_map.html:23 Uncaught TypeError: Cannot read property 'Map' of undefined
とデベロッパーツールのコンソールに表示されます
###ソースコード
該当箇所のコード
var map = new google.maps.Map( mapDiv, { center: new google.maps.LatLng( 35, 139 ) , zoom: 18 , } ) ; ```全体のコード ```ここに言語を入力 <!DOCTYPE html> <html> <head> <style> #map-canvas { width: 600px ; height: 600px ; } </style> </head> <body> <div id="map-canvas"></div> <p><textarea id="count">0</textarea></p> <p><textarea id="argument"></textarea></p> <script src="https://www.google.com/jsapi"></script> <script src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initMap" async defer></script> <script> var mapDiv = document.getElementById( "map-canvas" ) ; var countElement = document.getElementById( "count" ) ; var argumentElement = document.getElementById( "argument" ) ; var map = new google.maps.Map( mapDiv, { center: new google.maps.LatLng( 35, 139 ) , zoom: 18 , } ) ; var marker = new google.maps.Marker( { map: map , position: map.getCenter() , draggable: true , } ) ; marker.addListener( "dragend", function ( argument ) { countElement.value = Number( countElement.value ) + 1 ; try{ argument = typeof argument == "object" ? JSON.stringify( argument ) : argument ; }catch(e){} argumentElement.value = argument ; console.log( argument ) ; } ) ; </script> </body> </html>
###試したこと
大文字にしたり小文字にしたり、全角半角のチェックをしてみましたがダメでした。
よろしくお願いします！
回答1件
0
ベストアンサー
API キーが入っていないのは転記の際に落としているのでしょうか。
callback=initMap と指定しているので、関数initMapを作る必要がありますね。
JavaScript
1function initMap() { 2 /* ここにコードを入れる */ 3}
【スタートガイド | Google Maps JavaScript API | Google Developers】
https://developers.google.com/maps/documentation/javascript/tutorial?hl=ja
投稿2017/09/24 04:25
総合スコア69400
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/24 07:35