タグ

地図に関するy_yukiのブックマーク (6)

  • OpenLayers - Welcome

    A high-performance, feature-packed library for all your mapping needs. Latest OpenLayers v9.2.4 is here! Check out the docs and the examples to get started. The full distribution can be downloaded from the release page. OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further th

  • GithubからGeoJSONを検索して地図上に表示するページを作ってみました。

    example Google Custom Search APIを使って、GithubからGeojsonを検索し地図に表示するページを作ってみました。 GithubではGeojsonをアップするとヘッダに「Access-Control-Allow-Origin: *」を付加してくれるので、外部から読みだして地図上に表示することができます。 地理情報を公開する方法として面白いなと思ったので作ってみました。 ただ、APIの制限がかなりきつく、無料サービスの範囲内では1回のリクエストで取れるのが10件までなうえ日に100回検索リクエストがかかると制限がかかるらしいので実用的ではありません。 検索しても結果が返ってこなくなったら、別の日にでも試してみてください。 (あとたまに、ものすごーく巨大なGeoJSONを読み込もうとして固まる時があります) GoogleCustomSearchAPI – G

    GithubからGeoJSONを検索して地図上に表示するページを作ってみました。
  • jQueryで地震分布図を作成しよう

    地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者 JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQuery UIウィジェットの一つであり、jQueryライブラリとjQuery UIライブラリに依存します。そのため、対応ブラウザについてもjQuery UIに依存します。 プログラム実行時

  • そろそろ確認!Google Map API V3 への移行は済んでますか? | バシャログ。

    寒い!最近の状況を説明するにはひと言で十分。 寒い!!kimoto です。 Google Map を自分のサイトに埋め込めることができる Google Maps API。 現在の最新バージョンは v3 なのですが、一つ前の v2 のサポートが今年の5月に切れます。 (v2 のマニュアルにも注意書きがあります) ※ 2/26追記:正確にはサポートが切れたのは2010年の5月で、2013年の5月までは動作を保証する、という事だそうです。つまり、それ以降は動作の保証が無くなるということですね。 もし API を利用している方はバージョンが幾つか確認し、v2 であれば早急に v3 に移行することをおすすめします。 てことで、v3 の設置の仕方を簡単に説明しようとおもいます。 読み込み 読み込むコードはこちら。 <script type="text/javascript" src="http://m

    そろそろ確認!Google Map API V3 への移行は済んでますか? | バシャログ。
  • 地図の無料素材 - 地図AC

    無料素材サイト「地図AC」の登録はわずか10秒で完了!フリーでEPS・PNG形式のマップデータがダウンロードし放題。素材はすべて無料で商用利用もOK!クレジット表記や許可も必要ありません。※再配布はご遠慮下さい。 地図AC会員登録(無料) ≫ 47都道府県の県別の白地図がなんとフリーダウンロードしていただけます。白地図は自分の好きなようにサイズ調整、切抜きなどの加工編集ができる為、 使い勝手がよくて大変便利です。ホワイトマップのEPS形式をタダでダウンロードできるのは当サイトだけ!チラシ・雑誌などの印刷物でも使用できます。⇒白地図素材を見る

  • ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌

    gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風

  • 1