OpenStreetMap(OSM)は、誰でも自由に地図を使えるよう、みんなでオープンデータの地理情報を作るプロジェクトです。 プロジェクトには、誰でも自由に参加して、誰でも自由に地図を編集して、誰でも自由に地図を利用することが出来ます。 本サイトは、日本地域のプロジェクト支援としてイベント情報などを発信しています。【イベント情報受付中!】 また、Slackで毎週土曜日にオンラインのマッピングイベント(Mappy Hour)を開催中。ぜひご参加ください。
XMLやCSVデータなどから得られた座標値を元にマーカーを表示する場合、大量にマーカーがあると表示が遅くなってしまいます。続きは書籍で、どうぞ... サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Sample</title> <script src="http://maps.google.com/maps?file=api&v=2&am
GoogleマップからエクスポートしたKMLをCSVに変換します。また逆にCSVをKMLに変換します。 使い方 KMLをエクスポート You Look Too Coolを確認ください。 KMLからCSVに変換 保存したファイルを開き、すべてをコピーします。 上のテキストボックスのうち左のテキストボックスに貼り付けます。 「KMLからCSVに」をクリックします。 右のテキストボックスにCSVが表示されます。 テキストエディタ等に貼り付け、拡張子を「.csv」として保存してください。 CSVからKMLに変換 CSVは「整理番号,場所の名前,説明,経度,緯度,標高」の順にします。整理番号は必須ですが値は任意です。 上のテキストボックスのうち右のテキストボックスに貼り付けます。 「CSVからKMLに」をクリックします。 左のテキストボックスにKMLが表示されます。 テキストエディタ等に貼り付け、拡
GoogleMapをサイトなどに埋め込むときに、デフォルトだと吹き出しがつきますが、Mapの領域が狭いとちょっと邪魔だったりしますよね。 今回は、マーカーを残しつつ、吹き出しを消す方法をまとめておきます。(忘れそうなので……) 単純にサイトにGoogleMapを埋め込みたい時は、右上のリンクマークをクリックすると出てくるウィンドウの「HTML を貼り付けてサイトに地図を埋め込みます」のコードをHTML内に貼ればOKです。 ただし、デフォルトのままだと吹き出しが出た状態で表示されてしまいます。 地図が小さいとちょっと邪魔になってしまいます。(まぁ×で消せばいいのですが) 消す方法その01 こちらの方法は「小粋空間」さんを参考にしています。 <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight=
まずは該当の場所を表示させてください。 何かのワードで検索してもいいのですが検索するとその場所がピンになってしまうので直接地図上を移動して表示させるほうがいいかもしれません。次に、該当の場所にポインタを合わせて右クリック、「この場所について」を選びます。 すると、検索窓に座標が表示されるのでそこに半角括弧で囲んだ場所の名前を付け加え、検索ボタンをクリックします。 赤で囲んだところを追記して検索。すると、ピンが立った状態で地図が開きます。 あとは埋めこむなり、リンクを送信するなりご自由に。 お店等は通常検索すればヒットするので、そのまま埋め込んだりリンクを送信したりすればいいのですが、できたばかりのお店やお店じゃないんだけど場所を教えたいときなどに便利です。
現在地図に表示されている位置から、指定した座標へ移動する方法を確認します。Mapクラスで用意されている「panTo」methodを使います。 panTo(latLng:LatLng) 戻り値:None 地図の中心を指定された LatLng に変更します。 変更範囲が地図の幅と高さの両方よりも 小さい場合、遷移はスムーズにアニメーション表示されます。 引数に移動後の座標を表すLatLngクラスのオブジェクトを指定します。 移動する場合、横方向の移動が地図の幅よりも小さく、縦方向の移動が地図の高さよりも小さい場合には、スムーズにアニメーション表示で移動します。移動が地図の幅や高さよりも大きい場合には地図が切り替わるように移動します。 実際には次のように記述します。 function initialize() { var latlng = new google.maps.LatLng(35.65
基本的な編集の流れは 変更したいパーツ選び ⇒ 変更 ⇒ Map Styleに登録 ⇒ 重ねて更に変更したパーツを選択 ⇒ 変更 … という流れになります。 この編集ができましたら「show JSON」というボタンからコードを取得し google map のスクリプト内にコピー&ペーストして半ば完成です。 コードは以下のようになりますがこのコードを単純にペーストしても動きません。 詳しくはデモかGoogle Maps API Version3 日本語ドキュメント(非公式)をご確認ください。 Map Styleの例 [ { stylers: [ { hue: "#0008ff" }, { saturation: 65 } ] },{ featureType: "poi", stylers: [ { visibility: "off" }, { hue: "#00e5ff" }, { satu
Marker manager is an interface between the map and the user, designed to manage adding and removing many points when the viewport changes. How it Works: The MarkerManager places its markers onto a grid, similar to the map tiles. When the user moves the viewport, it computes which grid cells have entered or left the viewport, and shows or hides all the markers in those cells. (If the users scrolls
◆Google Code MarkerManager ◆google geo developers Blog Panoramio API & MarkerManager = Instant Photos Layer! ◆Google Maps API グループ map optimisation techniques オプション http://maps.forum.nu/server_side_clusterer/ http://maps.forum.nu/server_side_clusterer/index2.php Intergratin two examples オプション (php+MySQL) large dataset (XML), large loading time (18.000 markers to a map. (using the markermanager and
◆世界地図に便利な国別の国旗アイコン ISO国コードによる国・地域別のSVGアイコン、PNGアイコンがダウンロードできます。 ページの後半に「You can download pre built PNG icon sets from my Dropbox.」とあり、そこからzipファイルでまとめて国旗をダウンロードできます。国旗アイコンのサイズも様々に揃ってます。 https://github.com/koppi/iso-country-flags-svg-collection ◆手軽にGoogle Map用のアイコンに利用出来るメトロスタジオMetro Studio2 Metro Studio2(いまなら無料)は、いいです。かなり自由に自分好みのグーグルマップ用に使えそうなアイコンを作成できます。地図のアイコンに統一感がでてきますし、大きさ、カラーも変えられます。アスファベットアイコン、
「Google Static Maps API」を使って携帯でGoogleマップを表示する Tweet 2008/2/26 火曜日 matsui Posted in ソフト紹介 | 19 Comments » 先日公開された「Google Static Maps API」を使って、ケータイ上でGoogleMapを表示してみたいと思います。 「Google Static Maps API」とは、一言でいうと動かないGoogleMapで、JavaScriptではなく静止画で地図を表示するためのAPIです。 画像で地図を表示するので、ケータイからでも問題なく表示できます。 使い方は簡単で、imgタグの引数に必要なパラメータをつければOKです。 GoogleChartと違ってGIF画像で提供されるため、どの機種でもほぼ問題なく表示できます。 ただし、GIF画像を見れない機種(3G以前のソフトバンク
Measure Distance Between Two Locations Using Google Maps これも知りませんでしたのでまとめておきます。地球について研究しているのでよく使いそうです。 Google Maps で2点間の距離を測る際に、今まで地図の凡例でなんとなく調べたり、緯度経度から計算するスクリプトを作ったりしていましたが、これを行なうためのツールがちゃんと「マイマップ」の中にありました。 Google Maps に行き、左のタブで「マイマップ」を選びます 「コンテンツを追加」をクリックし、「距離測定ツール」を追加します 地図に戻り、「マイマップ」で「距離測定ツール」にチェックボックスが入っているのを確認して、地図上で2点をクリック これだけです。終点は次々と追加してゆくことができますので、道に沿ってクリックしていけばおおよその距離がわかります。これも便利! 昔の職
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く