Geolonia Maps ウェブ地図に求められる機能がそろっています。 マーカーが大量でもサクサク表示、自由なライセンスで印刷も可能、プログラミングが簡単なデジタル地図APIです。 直感的にシンプルに開発をしたいデベロッパー、開発工数を小さくしたいマネージャー、高度なプログラミングをしたい技術者に喜ばれています。
![株式会社 Geolonia - ジオロニア](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bd4e3b0b45888d4e432affb1e4005a94d57da7b/height=288;version=1;width=512/https%3A%2F%2Fwww.geolonia.com%2Fwp-content%2Fuploads%2F2023%2F06%2Fogp.png)
D3.jsと組み合わせても使いやすい、Web地図クライアントライブラリの大本命……だと、個人的には思ってる……たぶん。 leaflet leaflet.jsとは何か leafletはWeb上で地図を表示するオープンソースのマップクライアントライブラリです。 軽量でスマートフォンなどのタッチ操作にも対応した地図を手軽に表示することができます。 ユーザーによって様々なプラグインが作成されているのが特徴で、それらを組み合わせることで多様な表現を行うことができるので「地図なんてGoogle Maps APIで十分じゃね?」という方も、一度触ってみてください。 そんな訳で、簡単な「Leaflet クイックスタート」的なものを書いてみました。 ベースマップの作成 cdnからcssファイルとjsファイルを読み込みます。 <link rel="stylesheet" href="http://cdn.le
an open-source JavaScript library for mobile-friendly interactive maps ← Tutorials Interactive Choropleth Map This is a case study of creating a colorful interactive choropleth map of US States Population Density with the help of GeoJSON and some custom controls (that will hopefully convince all the remaining major news and government websites that do not use Leaflet yet to start doing so). The tu
an open-source JavaScript library for mobile-friendly interactive maps ← Tutorials Leaflet on Mobile In this example, you’ll learn how to create a fullscreen map tuned for mobile devices like iPhone, iPad or Android phones, and how to easily detect and use the current user location. Preparing the page First we’ll take a look at the HTML & CSS code of the page. To make our map div element stretch t
前回の記事で書いた通り、地図を追加する機能を標準で持っていないMovableTypeに、それを実装しようとすると、この記事を書いた時点では有力なプラグインがなく、面倒なカスタマイズが必要になります。 あんな長いチュートリアルを書いておいてなんですが、どうしてもMovableTypeを使わなければならない案件でないなら、標準で実装しているCMSを提案した方が、予算・工数の面からも確実というものです。 私が把握している、投稿画面に地図追加機能を実装しているCMSは下記の通りです。 a-blog cms concrete5 bingo!CMS Jimdo このうち、bingo!CMSはYahoo!マップ、それ以外はGoogleMapsのAPI Keyを取得する必要があります。 地図の目的地を検索し、中心に持ってきて吹き出しのコメントを入力する、という操作感はどれもほぼ同じです。 尚、冒頭のスク
このページはGoogle Maps and Street View (グーグルマップ&ストリートビュー) API の例文/サンプルを掲載しています。 カテゴリ内のページのURLは変わることがあります。なるべく、このページから入るようにしてください。なお、逆引きGoogle Maps APIリファレンス、Google Maps API リファレンスと重複するものに関しては基本的には掲載していません。ご了承ください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 Last update : 2009/4/27 2008-2009 古籏一浩(KaZuhiro FuRuhata) ■ストリートビュー:基本 ストリートビューを表示する ストリートビューを表示する(2) ピッチを指定して表示する 左右の回転角度を指定して表示する ズームレ
GoogleMapは非常に便利な Webサービスですが、欠点もあります。 GoogleMpaで意外と邪魔なアレ。 そう、マーカーです。重くなる原因 でもありますよね。 そのマーカーを視認性が高くなるように 「数値」でまとめる事が可能なJavaScript、 Mapeedをご紹介します。 上記のように邪魔なマーカーをコンパクトにまとめる事でユーザビリティを向上 させる事が可能です。探しやすい上に視認性も高いのでポータルサイト等で GoogleMapを導入しているサイトオーナーさんは是非とも導入されるべきでしょう。 Yahoo!Mapにも今後対応してくれるような事も書いてくれています。 JavaScriptスニペットMapeedはSaaS(Software as a Service)での提供との事。 導入は配布されるJavaScriptのスニペット(断片コード)を 追加するだけだそうです。これ
どうも勉強不足というか、向けているアンテナの方向が悪いのか、Google Maps API の Local Search Control についての情報も入手できていませんでした。 2月10日に「Google Maps も日々進化しているようですね」で なんだか、検索まで出るようになっています。Google マップ API の日本語ドキュメント を勉強しないといけませんね。 と、書いてるのに... ダメなヤツです。(^_^; とりあえず、次にリリースする a-blog では、Local Search Control を追加しました。 一般に見せる場合には、検索は出さずに、更新系の場合にだけ表示するようにしてあります。 map2.tpl.html の head内 <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=
Top/Google/Google AdSense/Google Maps API の Local Search Control - そのうち AdSense と統合も Google AJAX Search API Blog: Local Search Control for Maps API より。 まだ日本の地域では検索結果が表示されないので意味がないのですが、Google Maps API と Google AJAX Search API を利用した Local Search Control がリリースされているので使い方をメモしておきます。 この Local Search Control はそのうち Google AdSense の ID と統合され、検索結果に AdSense の広告が出るようになるそうです。(参照: Google AJAX Search API – AdSens
Yahoo! Maps APIを使ってみよう Webページ上に貼付けることができ、自由に移動したりズームできる地図としてはGoogle Mapsが有名です(*1)。Google Mapsは単純にページ上に地図を貼付けられるだけでなく、プログラム(JavaScript)からも制御することができます。このため、応用範囲が広く、他のサービスと組み合わせて使われる(*2)ことも多くあります。 Webページ上に貼付けられる地図サービスはGoogle Mapsしかないと思っている人も多いかもしれません。地図サービスはGoogle Maps以外にYahoo!(米国/日本)もYahoo! Mapsとして提供しています。Yahoo! MapsもGoogle Maps同様プログラム(JavaScript)から制御することができます。 ここで注意しないといけないのはYahoo! Mapsには2種類あるという点で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く