読者です 読者をやめる 読者になる 読者になる

ホームページ制作講座

ホームページ制作のHTMLやCSS、JavascriptやDTDとかDreamweaverなどWEB制作について

Google Maps API V3 マーカーのカスタマイズ

Google Maps API V3でマーカーを表示させてみましょう。

基本的にはヘッダのとbodyタグ内にonloadでコールして、DOMで指定したI
D属性タグ内にMAPが表示されるようにします。

JavaScriptの記述が以下のようになります。

var marker = new google.maps.LatLng(緯度,経度);
var parliament = new google.maps.LatLng(緯度,経度);
var marker;
var map;

function initialize() {
var mapOptions = {
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: marker
};

map = new google.maps.Map(document.getElementById("map_canvas"
),
mapOptions);

//ここからがマーカーの記述


続きはこちら ⇒ WEB制作 WEB制作システム