おしえて

web作成について

締切済

質問者：悩む大学生
質問日時：2017/07/12 09:28
回答数：1件

リンク付けをするとgoogle mapが消えてしまいます。
どこが悪いか教えてください。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<title>温泉地図</title>
</script>
</head>

<h3 id="tizu">地図</h3>

<div id="map" style="width:600px;height:600px;margin-bottom:300px;"></div>

<script type="text/javascript">
function attachMessage(marker, msg) {
google.maps.event.addListener(marker, 'click', function(event) {
new google.maps.InfoWindow({
content: msg
}).open(marker.getMap(), marker);
});
}
// 位置情報と表示データの組み合わせ
function map_canvas(){
var data = new Array();//マーカー位置の緯度経度
var point= new google.maps.LatLng(36.291499, 136.362195);
var marker = create_maker(point, "info", <a href='http://www.yamashiro-spa.or.jp/yamashiro' target='加賀　山代温泉'>加賀　山代温泉</a>");

var myMap = new google.maps.Map(document.getElementById("map"), {
zoom: 8,//地図縮尺
center:new google.maps.LatLng(36.5310338, 136.6284361 ),//地図の中心点
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
for (var i=0;i<data.length; i++) {
var myMarker = new google.maps.Marker({
position: data[i].position,
map: myMap
});
attachMessage(myMarker, data[i].content);
}

</script>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： fujillin
回答日時：2017/07/12 12:48

こんにちは

＞リンク付けをするとgoogle mapが消えてしまいます。
エラーで実行が止まっているものと推測します。

ところで、質問文にご提示の内容で全文なのでしょうか？

以下はざっと見て、気が付いた点のみですが・・・
・スクリプト全体で閉じかっこ「}」が足りない
（多分、map_canvas関数の閉じかっこ）
・スクリプトが関数定義だけの内容なので、実際には何も実行されない
（map_canvasの呼び出しとかが必要では？）
・var marker = create_maker( ～～）;
　で呼び出されいるcreate_makerが未定義
・同上の第三引数の文字列（HTML)のダブルクォーテーションが不足

などを修正すれば、一応動作するのではないでしょうか。
また、ご提示のHTML文書には、
・不要な（？）scriptの閉じタグがある
ようですので、削除しておいた方がよさそうです。

なお、Map APIを読み込む際に以下の警告が出ていますので、こちらも対応しておいた方がよろしいでしょう。
・Google Maps API warning: NoApiKeys
・Google Maps API warning: SensorNotRequired

警告内容の説明はこちらに
https://developers.google.com/maps/documentation …
https://developers.google.com/maps/documentation …