スポンサードリンク

Tag Archives: 画像

マーカー(アイコン)の種類、画像、サイズ、位置、影を変更する/Google Maps API V3 (new google.maps.Marker / new google.maps.MarkerImage)

◆ Google Maps API v3 マーカー(アイコン)の種類、画像、サイズ、位置、影を変更する

V3グーグルマップのアイコン(マーカー)の種類を変更するには、いくつかのscriptの書き方があるようです。

まあ用途で使い分ければいいと思いますが・・・・

<サンプル1>

もっとも良く見かける基本のscriptです。単一のマーカー用のイメージ画像とシャドウ(影)を指定しています。

var icon = new google.maps.MarkerImage(
'http://maps.google.co.jp/mapfiles/ms/icons/tree.png',
new google.maps.Size(34,34),
new google.maps.Point(0,0),
new google.maps.Point(37,34)
);

var shadow = new google.maps.MarkerImage(
'http://maps.google.co.jp/mapfiles/ms/icons/tree.shadow.png',
new google.maps.Size(34,34),
new google.maps.Point(0,0),
new google.maps.Point(37,34)
);

var marker = new google.maps.Marker(
{
draggable: true,
raiseOnDrag: false,
icon: icon,
shadow: shadow,
//shape: shape,
map: map,
position: point
});

Read more »

データ読み込み中であることを表示するローディングGIF画像

◆Google Maps JavaScript API V3 ローディング中であることを表示するGIF画像

グーグルマップを読み込むまでのわずかの間だが、データを読み込み中であることを知らせたい。 文字で、loading・・・・・なんて、HTMLの書いたりしますよね。ちょいとお遊びでかっこいいGIF画像にしてみては。かっこいいGIFがあったので、あそんでみた。 いままでは、

<div id=”map_canvas” >Loading…</div>

◆ローディング中であることを表示するGIF画像サンプル

Read more »

スポンサードリンク