携帯サイトでGoogleマップを表示する方法 | 株式会社WEB企画
最近、携帯サイト（フィーチャーフォン・ガラケー）を作成する際に、Googlemapでドハマリしました。 結論から言いますと、「Static Maps API V2」を使用して、画像としてGooglemapを呼び出すのですが、「Google Maps JavaScript API V3」の登場によって、従来の表示方法から変更があったみたい。 変更は大きく2つあって、一つはAPIkeyが不要になったこと。そしてもう一つはAPIの呼び出しURLが変わったということです。 URLがどう変わったかというと・・・ <img src="http://maps.google.com/staticmap?… だったのが、 【新ver.】 <img src="http://maps.google.com/maps/api/staticmap?… という感じに変わりました。 で、実際にはどのような感じで呼び出す
Googleに学ぶ、Google Maps APIでできること（デモや技術情報など）
Google Maps APIを使ってできるユニークな特徴を備えたデモが楽しめるGoogleのプロモーションサイトと補足として技術情報を紹介します。 Google Maps API - More Than A Map デモでは6つのGoogleマップを使ったコンテンツと、開発者向けリソースや更に高度なデモを楽しめます。 Googleマップ：ベースマップ Googleマップ：サテライト Googleマップ：ストリートビュー Googleマップ：プレイス Googleマップ：ルート案内 Googleマップ：ビジュアライゼーション Googleマップ：開発者向けリソース Googleマップ：ショーケース Googleマップ：ベースマップ まずは、基本となるベースのマップです。
マップ オーバーレイ - Google Maps API - Google Code
Google Maps API Premier Maps API ã®æ©è½ã«å ãããã¸ãã¹åãã®ãµãã¼ããæä¾ãããåºåã管çã§ãã¾ãã ããã ãªã¼ãã¼ã¬ã¤ã®æ¦è¦ ãªã¼ãã¼ã¬ã¤ã¯çµç·¯åº¦åº§æ¨ã«åºå®ãããå°å³ä¸ã®ãªãã¸ã§ã¯ãã§ããå°å³ããã©ãã°ããããºã¼ã ãããããã¨ããªã¼ãã¼ã¬ã¤ã移åãã¾ãããªã¼ãã¼ã¬ã¤ã¯ãå°ç¹ãç
[gmap v3] Googleマップのマーカーを動的に作成する
マーカーデータ作成ツールでsessionStorageに保存されたポイントを表示する時に使っている１から始まる番号つきのマーカーは、 Google Chart APIで自動作成されたものです。 MapIconMakerというV2のライブラリが元ネタなんだけど、 V3はGIconとかが無くなってて使えなかったからドキュメント見ながらピンタイプのアイコンを出力する関数を書いてみた。 この関数使えばアイコン素材を用意する必要がなくてとてもお手軽です。 Function createPintypeMarkerIcon syntax: var marker = createPintypeMarkerIcon([marker options] [,PinIcon options]); Marker options MarkerOptions objectの仕様と同じ。mapとposition必須。 i
![[gmap v3] Googleマップのマーカーを動的に作成する](https://cdn-ak-scissors.b.st-hatena.com/image/square/55158dfabc89ca6cd4c6c3770d470891dd396484/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F08%2Fsample3-imageicon.png)
jQueryとHTML5でジオロケーションするデモ:phpspot開発日誌
Geo Location with HTML5 and Jquery jQueryとHTML5でジオロケーションするデモとサンプルがダウンロード可能になっています。 特にスマートフォン向けの機能として実装する際に参考にできそうです。 いざ実装するという段階になったときにサクっと実装できそうなので覚えておいて損はなさそうですね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 jQueryとCSS3、HTML5でここまで出来るホバーインタフェース
Google Mapsにバスや電車のリアルタイム運行状況表示機能
Googleマップ上のバス停や駅のアイコンをタップすると、実際の運行状況データに基づく直近の発着時刻が確認できる機能が、米国と欧州の一部地域でスタートした。 米Googleは6月8日（現地時間）、モバイル版およびデスクトップ版のGoogle Mapsに電車やバスなどの公共交通機関のリアルな運行状況を表示する機能を追加したと発表した。まずは、米国のボストン、ポートランド、サンディエゴ、サンフランシスコとイタリアのトリノ、スペインのマドリードでスタートした。 Google Mapsでは、既に日本を含む多くの地域で交通機関の時刻表データを参照できるようになっている。Google Maps上の駅のアイコンをタップして表示される詳細データでは「予定出発時刻」が表示され、道案内機能「経路」で電車の発着時刻を確認できる。だが、渋滞や事故などによる遅延情報は反映されない。 Googleは、地域の交通機関か
jQuery mobile with Google maps - Google maps jQuery plugin
This is an example using the Google maps jQuery plugin together with jQuery mobile framework. Since jquery mobile framework loads links through Ajax you either need to disable the jQuery mobile's Ajax behavior or load the Google maps javascript in the 'real' first page. This example use ajax in navigation. To disable pages loading through Ajax bind 'mobileinit' and override $.mobile.ajaxEnabled (Y
Geocoding - 住所から緯度経度を検索
Geocoding.jpとは？ 住所やランドマーク名をGPS座標に変換するサービスです。 座標系はWGS84に対応。近似TOKYO97出力も可能です。 Open Location Code(OLC)取得も可能です。 Aobaが個人で作成、運用しています。 Google様とYahoo!様のふんどしで相撲をとっております。 お問い合わせはTwitter窓口まで。 検索のサンプルは？ 住所 『東京都港区芝公園４－２－８』 で検索 ランドマーク名 『東京タワー』 で検索 ランドマーク名 『東京駅』 で検索 ランドマーク名 『Arc de triomphe』（凱旋門） で検索 ランドマーク名 『ユニコーンガンダム』 で検索 Open Location Code 『8Q7XMP52+J6』（渋谷ハチ公像） で検索 緯度、経度から検索 『東京タワー』 経度、緯度から検索（度、分、秒） 『Eiffel T
Static Map Wizard
Create a map with a marker and optional info window. This wizard uses the Google Static Maps API. Customize Map View, Marker Location, & Paths To change the map view: Use the map control to zoom in/out to the desired zoom level. To create a marker: Enter the desired address/location in the box and press the button. If the marker is a little off, drag it around to where it should be. To add a path:
グーグルプレイスとは／Googleプレイスに無料で店舗を登録する方法ガイド | Web担当者Forum
あなたのお店の情報も、Googleの検索結果ページで地図にマーク付きで表示したいと思いませんか？ そのためには、「Googleプレイス」という仕組みで登録しましょう。この記事では、Googleプレイスにお店の場所の情報を登録して、地図上に表示させる方法を解説します。もちろん、登録は無料です。 最近、GoogleによるGoogleプレイスの露出が活発になっています（Googleプレイスは、以前は「ローカルビジネスセンター」と呼ばれていたサービスです）。 渋谷の駅構内では、山手線乗り場への階段の一面がGoogleプレイスの広告になっていたり、次は田園都市線構内がGoogleプレイス一面に切り替わっていたりしていて、GoogleプレイスにかけるGoogleの本気度が伺えますね。 さて、そんなGoogleプレイスですが、実際にはどのような登録手順が必要で、どのように使うのでしょうか？今回は筆者が通
javascriptでカンタン経路検索 : tech.kayac.com - KAYAC engineers' blog
数え切れないほどのYUREXと一緒に住んでいた渡邊です。 今の時代、ブラウザさえあれば経路情報をカンタンに取得することができます。 今回はGoogleの経路検索APIとjavascriptとブラウザを使います。 1. 結果を見る 弊社、自由が丘オフィスから鎌倉本社までの経路についての、 APIレスポンスをまとめたものは下記の通りです。 route.json 2. 確認する 出発地名と到着地名を入力して経路検索ボタンを押すと、 Firefoxのconsoleに経路検索結果をまとめたオブジェクトが表示されます。 consoleオブジェクトが無いブラウザの場合は、アラートで簡潔にお知らせします。 ※都道府県名を含めない場合、結果が出ないことがあります。 出発地名： 到着地名： 3. 主要なクラスのリファレンス クラス GDirections - Google Maps API リファレンス クラ
地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」:phpspot開発日誌
地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」 2010年02月19日- nickspacek/jQuery-PlacePicker @ GitHub 地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」が公開されてます。 次のようにGoogle Map の地図が現れて、クリックし、「Save」ボタンを押すと地名をゲットできます。直接文字列での検索も出来ます。 次はゲットしてinputに地名を入れた例です。日本でも対応しているところがいいですね。 地図→住所への変換をするような場面で使うことができますね。 関連エントリ 現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグイン Microsoftの地図サイトAPIをjQueryから簡単に使えるプラグイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoogleマップAPIの使い方を分かりやすく解説！ - Google Maps 活用講座
fujitaiju.com
TechCrunch | Startup and Technology News
https://forum.jquery.com/portal/en/community/topic/mutliple-calls-to-google-maps-in-jquery-mobile
jquery-ui-map - Project Hosting on Google Code
JavaScriptを使わずに携帯サイトに地図を貼れる「Google Static Maps API」：CodeZine
TechCrunch | Startup and Technology News
チョコレート
