ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!地図の開発を担当しています前田博敏です。 今回は、JavaScriptから外部サイトのWeb APIを直接呼び出すことができる、JSONPという手法について紹介させていださきます。 JSONPとは JSONPとは、JavaScriptの外部ファイル読み込み(「script」タグとその「src」指定)を利用して、ドメインの異なる外部サイトのデータを読み込む手法のことを言います。 JSONPを利用するには、呼び出される側のWeb APIがJSONP形式に対応している必要があります。 Yahoo!デベロッパーネットワークでは、現在のところローカルサーチAPIとショッピングAPIが、JSONP形式に対応しています。
プログラムに興味はなく、マウスでぐりぐりしたい場合は地図に円を描くへ。 Yahoo!JavaScriptマップAPIで地図上に円を描いてみるテスト。もはや円なんて標準装備なので、公式のサンプルにもあるくらいなんですが、YLLPoint時代には自力で描かざるをえなかったんですよ!原理的にはGoogle Maps APIで円を描く。を、どうぞ。 /* 引数はY.Circle()に準拠 ただし、options.unitは"km"と想定 */ function pseudoCircle(latlng, radius, options) { // 360角形で近似 var vertex = 360; // 赤道半径(m) (WGS-84) var EquatorialRadius = 6378137; // 扁平率の逆数 : 1/f (WGS-84) var F = 298.257223563; /
最近、いまさらながらGoogleMapsとYahoo!地図を並べてシンクロさせて遊んでいる。 位置をシンクロさせるのは、たいした事はないのだが、ズームレベルをシンクロさせるのが非常に面倒。 GoogleMapsのズームレベルは機械的に2倍、2倍と決まっているが、Yahooは都日本の道府県や市町村のレベルの合わせているみたいで、縮尺が結構まばら。 と思っていたら、Yahoo!地図のバージョン3(まだ非公式?か、ドキュメントの一部にしか書かれていない。このあたりはヅラドさんの記事を参照ください)では、もっと細かく22段階にレベルが分かれている。そして、基本は2倍、2倍のGoogleMapsと同じような縮尺切替で、かつ都道府県や市町村に合わせてか、その中間が設定されているレベルがある。 というわけで、二つ並べて縮尺を比べた結果です。ちなみにGoogleMapsではレベル20は衛星写真のみ。 Go
Logo image made with Japanese Underground City Maps || アイラブメーカー Ref. Yahoo!地図 地下街 - Yahoo!地図 ALPSLAB 地下街 Yahoo!デベロッパーネットワーク - 地図 Yahoo! JAPAN - プレスリリース - 「Yahoo!地図」、全国49か所の「地下街マップ」を公開 Yahoo!地図で地下街マップを公開! - 地図スタッフブログ - Yahoo!ブログ [ヅラド] Japanese Underground City Maps 日本の地下街地図 Author: NI-Lab. since 2009-02-27
Yahoo! Pipesの地図表示が「面白いけど使えない」という話を何度か書いたことがある。どれぐらい使えないかというと、Art Beat APIで新宿駅周辺1500mを表示させたときの表示が、こんな感じで、ズームすると「Sorry」と表示されてしまう。 で、他の地図のAPIに渡せば、それなりの表示をしてくれるんじゃないかと、こんなのを作ってみた。 PipesY!Map (注:Lacoocanを解約する予定ですので、ソースのみGitHubで見ることができるようにしました。http://gist.github.com/44722) Yahoo! Pipesを使ったことのある人ならわかると思うが、URLからid=....の部分をコピペするとPipesのgeorssをマッピングする。残念ながら表示位置の調整は手動で、何もしないと新宿中心である。 「ソースを見る」で表示するとHTMLとJavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く