-
ID:kQmJdL さんの質問

グーグルマップにマーカーを表示できません。
どのようにすれば良いのでしょうか。
HTMLとJSの中身は下記です。

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex,nofollow,noarchive" />
<title>Google Maps</title>

<script src="http://maps.google.com/maps/api/js?sensor=true"></script>

<script src="map.js" type="text/javascript"></script>

</head>
<body onload="initialize()">
<p>地図です。</p>

<div id="map_canvas1" style="width:500px; height:200px"></div>
<div id="map_canvas2" style="width:500px; height:200px; margin-top:10px;"></div>

</body>
</html>

----<map.js>--------------------------------------------------------------------------
function initialize() {

var latlng1 = new google.maps.LatLng(35.697456,139.702148);
var latlng2 = new google.maps.LatLng(34.694203,135.502625);

var options1 = {
zoom: 13,
center: latlng1,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var options2 = {
zoom: 13,
center: latlng2,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var m_latlng1 = new google.maps.LatLng(35.697456,139.702148);
var marker1 = new google.maps.Marker({
position: m_latlng1,
map: map1
});

var map1 = new google.maps.Map(document.getElementById("map_canvas1"), options1);
var map2 = new google.maps.Map(document.getElementById("map_canvas2"), options2);

}

みんなの回答 2 件

ID:.BPmzh さんの回答

順番がおかしい。先にマップを作ってからマーカーを追加するようにしないと。
maker1 を作るときに map: map1 してるけど、var map1 がその後になっちゃってるからダメ。

ID:kQmJdL

できました!天才です!!
ありがとうございました。

ID:OR8Xhz さんの回答

ググれ。

ID:H6KzbA

雑魚が多いよなぁ

最終更新日:2015-03-03 (1,747 views)

関連するトピックス

ページ上部に戻る