2010/10/07

[Google Map V3]マーカーを表示

する方法について
Markersを読みながらソースを作ってみました。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

<title>Google Maps Test</title>
</head>
<body>
<div id="map_canvas_06" style="width:400px;  height:500px;"></div>
<script type="text/javascript">
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
    zoom: 8
  , center: latlng
  , mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map_06 = new google.maps.Map(
    document.getElementById("map_canvas_06")
  , myOptions
);

//マーカーを追加する
var marker = new google.maps.Marker({
    position: latlng,
    map: map_06
});
</script>
</body>
</html>

実行結果はこんな感じ。


確かにマーカーが表示されました。

時刻: 7:49
ラベル:

0 コメント:

コメントを投稿

登録: コメントの投稿 (Atom)