Google Maps API Premier Same great maps plus a SLA, support, and control over ads Google Maps Javascript API V3 Overlays Note: The Google Maps Javascript API Version 3 documented within these pages is now the official Javascript API. Version 2 of this API has been officially deprecated as per our deprecation policy. We encourage you to migrate your code to this newly updated and enhanced version!
■準備・設定 Google Map API V3を使ってみる スケールの表示 コントロールのスタイルの変更 地図の背景色を変更する 地図のドラッグの無効化 ダブルクリックズームの無効化 マウスホイールでのズームの無効化 キーボード操作の無効化 カーソルの変更 ドラッグ中のカーソルの変更 ■マーカー関係 マーカーを追加する マーカーにツールチップを表示する マーカーをドラッグアンドドロップで移動する マーカーを追加・削除する マーカークリックでズーム変更 マーカークリックで地図を移動 クリックした場所にマーカーを移動 クリックした場所にマーカーを追加 マーカーに情報ウィンドウを表示 自作マーカーの設定 自作マーカーの設定2 マーカーを複数設置 マーカーを複数設置(jQuery使用) マーカーを複数設置(MVCArray使用) マーカーを複数設置(JSON配列使用) 複数マーカーを追加・削除す
6、Google Map (V3)でマーカーからの半径に色をつける 上記の技術と組み合わせることで、マーカーをドラッグし、半径を選択することで検索するシステムを作成できます。 setRadiusによりメートル単位で半径を指定し、bindToで描画するだけです。値はjQueryによりid=’r'からとってきていますので、値が変わったらsetcircleを動かして利用します。 //============== var centerPos = new google.maps.LatLng( 37.521108333 , 139.938030556 ); var mapOptions = {zoom : 15,center : centerPos,mapTypeId: google.maps.MapTypeId.ROADMAP}; var map = new google.maps.Map(doc
前回、Google Static Maps APIを紹介しましたが、自分のサイトでは、そもそも、 Yahoo!地図Web APIを使用 緯度経度は60進数でデータベースに保存 という風にしており、たとえば、35.40.41.976, 139.46.13.598がデータベースに保存されています。 地図を表示する度に、住所から緯度経度を調べてというようなこともできますが、この処理自体、無駄なので、データベースに保存しています。60進数で保存している理由は、以前のYahoo!地図のURLは、10進数ではなく、60進数の緯度経度が URL に含まれていたためです。 ところが、Google Static Maps API を使う場合、緯度経度は10進数にしなければいけません。そこで、60進数→10進数の変換が必要になります。 変換を行うコードは、たとえば、以下のようになります。 $lats = pr
If you have a Technical question about how to use any of the Maps Platform APIs, please post it in StackOverflow. You can use the google-maps tag – along with a selection of other more specific tags – to ensure that Maps API experts can find your question. If you have found a bug, or have a feature request for any of the Maps Platform APIs, please use our Public Issue Tracker. If you require Techn
Google Maps API Version 2 Tutorial © 2006, 2007, 2008, 2009, 2010 ,2016 Mike Williams This tutorial was intended to help you create your own interactive maps using the Google API version 2. Google Maps Version 2 is now in the process of being shut down, and most of the pages in this tutorial no longer work. You are advised to us the current Version 3 API. Do take a look at Getting Started the API
Web上で地図を表示するツールの定番といえば「Googleマップ」。独自の地図を簡単に作れる「Google Maps API」を使って、会社案内のページに地図を埋め込んだり、地図と連動するネットサービスを運営している方も多いでしょう。 このGoogle Maps APIの新バージョン「Version 3」(以下V3と略)が5月27日に公開されました。今回は、V3を使って地図を表示する基本的な手順を紹介しましょう。 Google Maps API V3の主な変更点 Google Maps API V3では、以下の点が新しくなりました。 (1)API Keyが不要 V2まででは、Google Maps APIを使うためにはAPI Keyを取得する必要がありましたが、V3では不要になりました。 (2)iPhone/Androidへの対応 iPhoneやAndroidで地図を高速に表示できるように
How Do I Start? Read the Developer's Guide. Follow the Tutorial. Consult the Reference. Join the announcements group to receive important updates. Featured Video Watch other Maps API presentations V3: The Solution for Maps Applications for both the Desktop and Mobile Devices Note: The Google Maps Javascript API Version 3 documented within these pages is now the official Javascript API. Version 2
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Google MAPS API で 円を描く、V3対応版です。keyが必要なV2版は別のページにあります。プログラムに興味はなく、マウスクリックだけで地図に円を描くページもあります。 かつては本サイトのキラーコンテンツだったんですが、Googleさん純正の google.maps.Circle クラスの登場により、商売あがったりです(笑)。 OKWave系のq5546321でリンクされている、「東京スカイツリーが見える範囲」をサンプルにしてみました。中心点は (35.710139, 139.810833)、半径は95,330mにしています。(この範囲でスカイツリーが見えることを保障するわけではありません!念のため) <div id='map' style='width:700px; height:400px;'><br /></div> <script type="text/javascr
ポリゴンを使って円を描いてみます。円を描画する方法はないので多角形を利用した擬似的な円を作成します。地図上のクリックされた地点を中心としてピクセル単位で指定した半径の円を地図上に描画を行うようにします。 まず円の中心の座標で指定した地点をコンテナ内でのピクセル値に変換します。GMap2クラスで用意されているfromLatLngToContainerPixelメソッドを使います。 var point = map.fromLatLngToContainerPixel(latlng); このメソッドはGPointクラスのオブジェクトとして値を返します。左上隅を原点とした時に三角形の中心点のx座標の値とy座標の値は次のように取得できます。 var point = map.fromLatLngToContainerPixel(latlng); var x = point.x; var y = poi
Google MapやEarthをベースにした、いろいろな地図データの利用法をご紹介します。 目次 Google Map ナビゲーション Google Map の基本機能を使ってみる Google Map ナビゲーション II Google Map の基本機能で得られた位置情報を、他のページに渡して開きます。(試験版) Google Earth ナビゲーション Google Earth のWeb版(Mapsオブジェクト使用) Web Earth Google Earth のWeb版(Earthオブジェクト使用) Google Map 乗換案内(トランジット) 最寄り駅を検索して、トランジット。(普通に駅名入力でも可ですけど) Google Map ルート検索 Google ルート案内 API (徒歩・ドライブルート) Google Map サークル(Circle) 地図の中心から、半径を指
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く