今日から始める電子工作xAI 
コンテンツ
Mashup Award9の締め切りは過ぎたものの
こんばんは、ボーノです。
Mashup Award9の締め切りは過ぎてしまったけど、悪あがきでもっとWebサービスの完成度を上げたい。
一応、審査時の作品が対象なので、締め切り後も修正はして良いとのこと。
地図を使ったサービスなので、Google Maps APIの機能を盛り込んだ時に調べたサイト等を残しておく。
地図上のマーカーをドラッグ＆ドロップで移動する
[ Google Maps ] マーカーをドラッグして座標を取得するサンプル。住所から検索もできます！ - うどん県で働く Web ディレクターの日記
EventListener関数について
これは多様するので注意。
Event Listener: イベントリスナ [JavaScript / DOM]
マーカーとか地図の色をカスタマイズ
例えばマーカーを画像に変えたい時とかにはこの方法。
Google Maps API v3で地図の色、マーカーをカスタマイズ | Diglog
追加したマーカーを全てクリアする
単純に、1つのコマンドで全て消せるものは存在しないので注意。個数の分だけ、ループで回す必要がある。
[JavaScript] [Google Map JavaScript API v3] Google Mapへ追加したマーカーをすべてクリアする
複数のマーカーをまとめて地図上から削除する - Google Maps 活用講座
ズームコントローラの表示崩れを直す
なにげに、表示崩れに悩まされていたのでこのサイトには助けられた。
Google Maps APIのズームコントロールや吹き出しの表示崩れを直す | 海座の船中八策
住所検索窓を追加したい時
便利なAPIが新しく提供されていた。これぞGoogle Mapと言っていいほど、Googleらしい機能だと思う。
迷わず使わせてもらおう。地図サービスには必須だと思う。
Places Autocomplete - Google Maps JavaScript API v3 — Google Developers
マーカーを複数設置する
まとめてマーカーを設置したい時に使える。今回もこのMVCArrayを使った。
Google Maps API V3 入門・初心者向けサンプル集マーカーを複数設置(MVCArray使用)
＼電子工作歴9年の私のイチ押し！ELEGOOの電子工作キット／
