グーグルマップにマーカーを表示できません。
どのようにすれば良いのでしょうか。
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 件
順番がおかしい。先にマップを作ってからマーカーを追加するようにしないと。
maker1 を作るときに map: map1 してるけど、var map1 がその後になっちゃってるからダメ。
ググれ。
関連するトピックス