Q&A
###前提・実現したいこと
GooglemapAPIでシンプルな地図の表示をしようとしています。
###発生している問題・エラーメッセージ
全てグレーの画像となってしまい、地図が表示されません。
###該当のソースコード
javascript
1<!--メインのHTML--> 2<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 3"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 4<html xmlns="http://www.w3.org/1999/xhtml"> 5<head> 6<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 7<meta name="robots" content="noindex,nofollow,noarchive" /> 8<title>Google Maps サンプル</title> 9 10<script type="text/javascript" 11src="http://maps.google.com/maps?file=api&v=3&key=xxxx&sensor=false"> 12</script> 13<script src="./xxxx/map.js" type="text/javascript"></script> 14 15</head> 16 <body onload="initialize()"> 17 <div id="map_canvas" style="width: 400px; height: 400px" ></div> 18 19</body> 20 21</html>
javascript
1<!--地図のjavascriptファイル--> 2function initialize() { 3 var latlng = new google.maps.LatLng(35.539001,134.228468); 4 5 var opts = { 6 zoom: 13, 7 center: latlng, 8 mapTypeId: google.maps.MapTypeId.ROADMAP 9 }; 10 map = new google.maps.Map(document.getElementById("map_canvas"),opts); 11} 12
###試したこと
地図の表示の後に
map.setCenter(latlng, 15);
と書けば表示されます。
なので、オプションが正しく読み込まれていないのではないかと思うのですが、その原因が不明です。
###補足情報(言語/FW/ツール等のバージョンなど)
ブラウザ：google chorome
回答1件
0
ベストアンサー
書かれたコードを試しましたが、とりあえず問題なく表示されるようです。
https://jsfiddle.net/v1fq28gL/
書かれている書き方が少し古いため、Google Maps JavaScript API のURLが現在のものと違う可能性があります。
HTML
1http://maps.google.com/maps?file=api&v=3?file=api&v=3&key=xxxx&sensor=false 2↓ 3https://maps.googleapis.com/maps/api/js
【スタートガイド | Google Maps JavaScript API | Google Developers】
https://developers.google.com/maps/documentation/javascript/tutorial?hl=ja#google.maps.Map
投稿2016/05/05 06:58
総合スコア69400
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/05/05 07:15
2016/05/05 07:21
退会済みユーザー
2016/05/05 07:56