Yahoo!地図WEB APIへ超簡単に地図検索を実装
前回は「Yahoo!地図WEB APIでマップ表示」として、Yahoo! Open Local Platform(YOLP)のJavaScriptマップの基本について書きました。 今回はYOLPのJavaScriptマップ上に、地図検索機能を凄く簡単に実装する方法を書きたいと思います。 これを知ることで、YOLPに凄く惹かれていくことになるでしょう。 他にも魅力的な機能がテンコ盛りなのですが、まずは第1歩として地図検索に触れてください。 Yahoo!地図WEB API(YOLP)に地図検索機能を付けるでは早速Yahoo!地図に地図検索機能を付けてみましょう。 「Yahoo!地図WEB APIでマップ表示」の最終型のソースコードに追記する形にします。 見やすさを優先するため、若干表示サイズやズームスライダーを変えていますが、基本は同じです。 <html> <body> <div id="ma
Google地図上にYahoo雨雲を乗せる - jsdo.it - Share JavaScript, HTML5 and CSS
L.YahooTileLayer = function(url, options) { var tileLayer = new L.TileLayer(url, options); tileLayer.getTileUrl = function (tilePoint) { var zoom = this._getZoomForUrl(); var shift = zoom - 1; var x = tilePoint.x; var y = Math.pow(2, shift) - 1 - tilePoint.y; this._adjustTilePoint(tilePoint); return L.Util.template(this._url, L.Util.extend({ s: this._getSubdomain(tilePoint), z: zoom + 1, x: x, y:
地図をタッチして雨の強さをチェック！ YOLPで作る簡単便利地図アプリ
はじめに 空を見上げて、「今にも雨が降ってきそうだ」と思った時に、いつから雨が降ってくるのかすぐに知りたい！と思ったことはありませんか。そんな皆さまのご要望にお応えすべく、今回はYOLPの提供するJavaScriptマップAPIと、最新のアップデートで追加された気象情報APIを利用して、「雨フル？タッチ」を開発してみたいと思います。「雨フル？タッチ」は、地図をタッチするとその場所の1時間後までの雨の強さを表す降水強度予測を確認することができるWebアプリです。 本文に沿って実際に開発を進めていただければ、「雨フル？タッチ」をすぐに作成いただけますので、ぜひお試しください。また、作る前に「雨フル？タッチ」を実際に使ってみたい、という方は、こちらからお試しいただけますので、あわせてご利用ください。 機能概要 「雨フル？タッチ」では、以下の機能を実装します。 起動後、現在地を取得してその位置を中
YOLP(地図) - Yahoo!デベロッパーネットワーク
Yahoo! Open Local Platform（YOLP）は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
YOLP(地図) - Yahoo!デベロッパーネットワーク
Yahoo! Open Local Platform（YOLP）は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
[ヅ] along the route (道沿い検索) (2012-12-06)
Yahoo! の YOLP(地図):ルート沿い検索API を使って along the route (道沿い検索) を作ってみた。 スクリーンショット。左側の地図は Google Maps JavaScript API V3 で、右側の地図は Yahoo!スタティックマップAPI を使っている。 左の地図上でマーカーアイコンをドラッグ＆ドロップして経路を決める。真ん中の矢印ボタンを押すと、右の地図に道沿いの店舗・施設を表示する。 ソースコードを一部抜粋。 function showMapImage(){ var p1 = markers[0].getPosition(); var p2 = markers[1].getPosition(); var p3 = markers[2].getPosition(); var pois_url = 'http://spatial.search.ol
ルートを探しながら雨雲をチェック！ YOLPで作る簡単便利地図アプリ
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <title>ルート雨雲チェッカー</title> <style type="text/css"> html, body { width:100%; height:100%; } html, body, div{ margin:0; padding:0; } div#label{ z-index:2; padding:8px; o
YOLP(地図) - Yahoo!デベロッパーネットワーク
Yahoo! Open Local Platform（YOLP）は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
Yahoo! ローカルサーチ API 調べてみた
Yahoo! JAPAN Web API の利用には、アプリケーション ID が必要！ ———————————————————————- Yahoo! JAPAN Web API を使うためには、アプリケーション ID の登録が必要です。 アプリケーション ID は、１つの Yahoo! JAPAN ID に対して 10 個まで登録できます。 Yahoo! デベロッパーネットワーク で登録・管理できます。 サンプルコード ———————————————————————- パラメーターとかは、Yahoo! ローカルサーチ API リファレンス を参照下さい。 <html lang="ja"><head> <meta charset="UTF-8"> <title>YOLP</title> </head> <body> <?php // 全てのエラーを画面に表示する ini_set('erro
YOLP(地図) - Yahoo!デベロッパーネットワーク
Yahoo! Open Local Platform（YOLP）は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
場所情報API - Yahoo!デベロッパーネットワーク
サンプルレスポンス https://map.yahooapis.jp/placeinfo/V1/get?lat=35.66521320007564&lon=139.7300114513391&appid=＜あなたのClient ID（アプリケーションID）＞&output=json の結果を以下に示します。 サンプルレスポンス（JSON形式） { "ResultSet": { "Result": [ { "Combined": "外苑東通りの東京ミッドタウン付近", "Uid": "29586a2bea6bcea0f0934695959d389404b04269", "Score": 87.9099807710434, "Label": "東京ミッドタウン", "Name": "東京ミッドタウン", "Where": "外苑東通り", "Category": "ショッピングセンター・モール
YOLPで挑戦～目的地を地図で表示するiOSアプリを、 地図ライブラリを使わずにお手軽に作る！
私が知りたいのは今いるところではない これまでの連載記事では、どれも現在地を取得するところから始まり、そこから地図を表示したり、最寄りのお店を探索したりしていました。しかし、現在地だけが知りたいことの起点、というわけではありません。 例えば電車やバスなどの公共機関で移動しているときは、降りる駅やバス停を中心とした情報をあらかじめ知っておきたい場合がありますし、子供の頃を思い出し「昔住んでいた場所は、今はどうなっているのだろう」と現在の地図が見たくなる場合も……まあ、あるでしょう、たぶん。 そこで今回は、現在地以外の位置を起点として扱う方法の一つとして、住所をキーワードにしてその位置を得るiOSアプリケーションをYahoo! Open Local Platform（以降YOLP）で作ろうと思います。 アプリケーションの大まかな流れ といっても、住所から位置を得た後、それからどうするのかという
都道府県や市町村で色分けができる地図APIをまとめてみた
ジオメディアサミット名古屋で簡単に統計情報を地図上で色分けして公開することができるGeoFUSEのデモが印象に残り、仕事でも使えるかと思いGeoFUSEを調べてみたところ、GoogleやYahooでも統計情報を地図上で色分けする方法があるようです。 今後使うときの参考になるように、それぞれのメリットでメリットをまとめてみようと思います。 世界 都道府県 市町村 CSV読み込み 商用利用 イントラで利用できるか データの鮮度（市町村合併） Geo FUSE ◎ ◎ ◎ ◎? ◎X Yahoo!スタティックマップAPI X ◎ ◎ X ? X ◎ Yahoo! JavaScriptマップAPI X ◎ ◎ X ? X ? Google Fusion Table ◎ ◎ X ◎ ?X- Google Chart API ◎ ◎XX ? X - Map of Japan X ◎ X X ? ◎ -
[ヅ] Yahoo!の住所ディレクトリAPI＋地図＋白地図 (2012-08-16)
住所ディレクトリAPIとは、日本の住所の階層データを検索できるAPIです。 たとえば東京都の住所コードで検索すると、足立区、荒川区などの下層の住所データを簡単に検索できます。このAPIを利用することで、全国の都道府県一覧や各都道府県の市区町村を簡単に表示できます。 Yahoo! Open Local Platform （YOLP）で、新たに住所ディレクトリAPIを公開しました - Yahoo!デベロッパーネットワーク 住所ディレクトリAPIで取得した住所と緯度経度から、地図と白地図を表示するサンプルを書いてみた。 ⇒ 住所ディレクトリ x 地図 x 白地図 以下、サンプルのスクリーンショット。 日本を指定(ac=JP) 北海道を指定(ac=01) 北海道赤平市を指定(ac=01218)。住所ディレクトリAPIでは、この階層で地図を出せるような緯度経度情報を取得できない。 東京都(ac=13
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[ヅ] 段階的経路地図 (2013-03-04)
[ヅ] Yahoo! AndroidマップSDKを使うサンプルコード (2012-12-29)
郵便番号検索API - Yahoo!デベロッパーネットワーク
[ヅ] 心地よく秘密めいた飲食店検索に営業時間の絞込みとクチコミ表示 (2012-09-10)
[ヅ] Yahoo!のクチコミ検索APIを使ってみる (2012-09-10)
Yahoo!の場所情報APIを使ってみた: misc