Google map APIでマーカー(アイコン)を好きな画像に変える
2015/04/22
Googleマップでユーザーにマーカー画像をアップロードさせて、それをマップ表示時に出したいというケースがあった。
アップロードとかその辺はPHPでやるとして、マップ側はどうすんの、と思ったらちゃんと用意されてた。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
function makeMarker( addressArray ){ var marker = new google.maps.Marker({ position : new google.maps.LatLng(addressArray.x,addressArray.y), map: map <?php if( $accocuntData['icon'] != '' && file_exists(ICON_PATH . $accocuntData['icon']) ){?>,icon: '<?=ICON_URL . $accocuntData["icon"]?>'<?php } ?>//ここでアイコン指定 }); var addressArray; var infoWindow = new google.maps.InfoWindow(); google.maps.event.addListener(marker, 'click', function() { if (currentWindow) { currentWindow.close(); } infoWindow.setContent('<a href="detail.php?e='+addressArray.id+'&f=<?=$jsQuery?>">'+addressArray.name+'</a>'); infoWindow.open(map,marker); currentWindow = infoWindow; }); } |
関連記事
-
-
Googleアナリティクスのデータ保持設定
Googleアナリティクスにデータ保持設定というのが導入され、デフォルトのままだ ...
-
-
RLoginで接続が途切れる
SSH接続して作業する際はRLoginを使用しているけど、サーバー接続後に放置し ...
-
-
iPad等のMac製品のフレーム素材が便利なサイト
iPad用のサイトでプレゼン用の資料が作成する必要があった。出来ればiPadのフ ...
-
-
「iphoneを探すをオフにしてください」を無視して強制リカバリモードにする方法
iPhoneで復元をする場合にiCloudの「iphoneを探す」をオンにしてい ...
-
-
CGI、perl、pear
読み方、意味についてちゃんと理解してなかったのでメモ。 ■perl(パール) プ ...
-
-
phtmlファイル
これまた見たことの無い拡張子があった。 phtmlファイルというもの。 中身を見 ...
-
-
cookieが上手く削除できなかった
cookieについて2点悩んだことがあったのでメモ。 ■スマホで所持しているco ...
-
-
異なるVPS間でMySQLの接続を行う
異なるVPS間でMySQL接続を行った際のメモ。 さくらVPS(IP:111.1 ...
-
-
アナリティクスの参照元に「Co.lumb」というのがあった
Googleアナリティクスを見ていると「Co.lumb」という参照元があった。調 ...
-
-
Google maps apiで[ReferenceError: rd is not defined]のエラー
Google maps api使っていて、ちゃんと書いているはずなのに、 [cr ...
- PREV
- Rubyで基本的な構文のメモ
- NEXT
- WordPressで逆アクセスランキングの設置