Googolemaps API

今日はGeocoding Serviceで、テキスト入力フィールドとボタンとともにマップを作成しました。

https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple?hl=ja

1,コードをコピーしてテキストエディタに貼り付け
2,発行したAPIキーを貼り付ける
3,GeocodeAIPを有効にする
4、初期画面にしたい場所を設定(緯度・経度)
5,Markerオプションを追加
  カラーの変更
   icon: ‘http://maps.google.com/mapfiles/ms/micons/yellow-dot.png’
  アニメーション追加
   animation: google.maps.Animation.DROP
  タイトルをつける
   title: ‘Tokyo Station!’
  

こんな感じに作れました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です