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
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
最近、Google Map APIを活用することが多いのですが、最新版のversion 3(v3)に関する日本語の情報が少ないので結構苦労しています。 v3を使用した実感としては、version 2と比較して、地図の描画速度が速いです。ただし、私の記述方法がダメダメなためか、大量のMarker(マーカー)を使うと遅くなってしまいます。 と言うことで、Markerと同様に使え、描画速度が速いような気がするOverlay(オーバーレイ)を活用することにしました。以下、簡単なサンプル。 Google Maps API v3 Example: Overlay1 tika.tisoku.net/overlay/?id=1 地図を読む込むたびに、10個のOverlayを、その地点の緯度経度と共にランダムに表示させるようにしています。 ポイントは「AddOverlay.prototype = new g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く