OpenStreetMap Japan | 自由な地図をみんなの手で/The Free Wiki World MapOpenStreetMap(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相互変換
GoogleマップからエクスポートしたKMLをCSVに変換します。また逆にCSVをKMLに変換します。 使い方 KMLをエクスポート You Look Too Coolを確認ください。 KMLからCSVに変換 保存したファイルを開き、すべてをコピーします。 上のテキストボックスのうち左のテキストボックスに貼り付けます。 「KMLからCSVに」をクリックします。 右のテキストボックスにCSVが表示されます。 テキストエディタ等に貼り付け、拡張子を「.csv」として保存してください。 CSVからKMLに変換 CSVは「整理番号,場所の名前,説明,経度,緯度,標高」の順にします。整理番号は必須ですが値は任意です。 上のテキストボックスのうち右のテキストボックスに貼り付けます。 「CSVからKMLに」をクリックします。 左のテキストボックスにKMLが表示されます。 テキストエディタ等に貼り付け、拡
GoogleMapを埋め込むと地図にでる吹き出しを消す方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
GoogleMapをサイトなどに埋め込むときに、デフォルトだと吹き出しがつきますが、Mapの領域が狭いとちょっと邪魔だったりしますよね。 今回は、マーカーを残しつつ、吹き出しを消す方法をまとめておきます。（忘れそうなので……） 単純にサイトにGoogleMapを埋め込みたい時は、右上のリンクマークをクリックすると出てくるウィンドウの「HTML を貼り付けてサイトに地図を埋め込みます」のコードをHTML内に貼ればOKです。 ただし、デフォルトのままだと吹き出しが出た状態で表示されてしまいます。 地図が小さいとちょっと邪魔になってしまいます。（まぁ×で消せばいいのですが） 消す方法その01 こちらの方法は「小粋空間」さんを参考にしています。 <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight=
Googleマップで好きなところにピンを立てる方法 : 元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記
まずは該当の場所を表示させてください。 何かのワードで検索してもいいのですが検索するとその場所がピンになってしまうので直接地図上を移動して表示させるほうがいいかもしれません。次に、該当の場所にポインタを合わせて右クリック、「この場所について」を選びます。 すると、検索窓に座標が表示されるのでそこに半角括弧で囲んだ場所の名前を付け加え、検索ボタンをクリックします。 赤で囲んだところを追記して検索。すると、ピンが立った状態で地図が開きます。 あとは埋めこむなり、リンクを送信するなりご自由に。 お店等は通常検索すればヒットするので、そのまま埋め込んだりリンクを送信したりすればいいのですが、できたばかりのお店やお店じゃないんだけど場所を教えたいときなどに便利です。
地図の移動 - マッピィ Google Maps API JavaScriptの使い方 -
現在地図に表示されている位置から、指定した座標へ移動する方法を確認します。Mapクラスで用意されている「panTo」methodを使います。 panTo(latLng:LatLng) 戻り値:None 地図の中心を指定された LatLng に変更します。 変更範囲が地図の幅と高さの両方よりも 小さい場合、遷移はスムーズにアニメーション表示されます。 引数に移動後の座標を表すLatLngクラスのオブジェクトを指定します。 移動する場合、横方向の移動が地図の幅よりも小さく、縦方向の移動が地図の高さよりも小さい場合には、スムーズにアニメーション表示で移動します。移動が地図の幅や高さよりも大きい場合には地図が切り替わるように移動します。 実際には次のように記述します。 function initialize() { var latlng = new google.maps.LatLng(35.65
Google Map api その２ グーグルマップのデザインを変えてみる | Stronghold Archive
基本的な編集の流れは 変更したいパーツ選び ⇒ 変更 ⇒ 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
MarkerManager v3 v1.0 Reference
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
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
MarkerManager サンプルリンク集 | WordPressにGoogle Maps API V3！
◆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
アイコンとマーカーのサンプル一覧表（影付き）／Google Maps API | WordPressにGoogle Maps API V3！
◆世界地図に便利な国別の国旗アイコン 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マップを表示する | ke-tai.org
「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以前のソフトバンク
折れ線もOK！ Google Maps で２点間の距離を測る | Lifehacking.jp
Measure Distance Between Two Locations Using Google Maps これも知りませんでしたのでまとめておきます。地球について研究しているのでよく使いそうです。 Google Maps で２点間の距離を測る際に、今まで地図の凡例でなんとなく調べたり、緯度経度から計算するスクリプトを作ったりしていましたが、これを行なうためのツールがちゃんと「マイマップ」の中にありました。 Google Maps に行き、左のタブで「マイマップ」を選びます 「コンテンツを追加」をクリックし、「距離測定ツール」を追加します 地図に戻り、「マイマップ」で「距離測定ツール」にチェックボックスが入っているのを確認して、地図上で２点をクリック これだけです。終点は次々と追加してゆくことができますので、道に沿ってクリックしていけばおおよその距離がわかります。これも便利！ 昔の職
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KMLファイルの読み込み
マイマップのKMLファイル - Google プロダクトフォーラム
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
http://gmaps-utility-library-dev.googlecode.com/svn/trunk/markermanager/
Brand Resource Center
not found
Google Enterprise Solutions - Google Search Appliance
