道路地図の上にマーカーと境界ボックスを追加できるウェブサイトはありますか?


10

マーカー(緯度/経度)と境界ボックス(最小/最大緯度/経度)を表示し、Googleマップ(またはOSM、Bingなど)の上にオーバーレイ表示できるウェブサイトはありますか?私は実際にこのために自分のWebページを作成するつもりはありません...誰かが一般的な使用例やデモのためにこのようなものを実装し、それがどこかでオンラインであることを望んでいます。

回答:


6

Googleマップの例:

この例は、ローカルドライブから実行できます。

ここに画像の説明を入力してください

コードではなく、コードを入力するフォームを追加するだけです。

範囲を変更するには、新しいgoogle.maps.Rectangle({bounds:new google.maps.LatLngBounds(new google.maps.LatLng(37.2、-122.3)、new google.maps.LatLng(37.6、-121.9)))を設定します。あなたが望む値に。

new google.maps.Rectangle({
    bounds:new google.maps.LatLngBounds(new google.maps.LatLng(37.2, -122.3), new google.maps.LatLng(37.6, -121.9)),
    map:map,
    fillOpacity: 0.2,
    strokeOpacity: 0.5,
    strokeWeight: 1
  });

http://gmaps-samples.googlecode.com/svn/trunk/fusiontables/rectangle_example.html

オープンストリートマップの例:

Open Street Mapの場合、APIを呼び出して&box = yesを呼び出しに追加するだけで、単純な長方形を生成できます

ここに画像の説明を入力してください

http://www.openstreetmap.org/?minlon=-0.489&minlat=51.28&maxlon=0.236&maxlat=51.686&box=yes


osmはbboxを表示しないようです。
SAL

1
試す@sal tools.geofabrik.de/calc/...今OSMのように見えますが、その設定変更
Mapperz

グーグルマップソリューションに関して、OPはコードスニペットを要求せず、既存のサービスを要求しました。私はここにこれを提供:gis.stackexchange.com/a/220247/37448
SAL


0

これはあなたの要件を満たすと確信しています:http :
//mapper.acme.com/


1
これにはマーカーがありますが、境界ボックスを追加する方法がわかりません。
Pris

Gotcha、最も簡単な方法は、Mapperzソリューションから一番下のサンプルを取得して、境界ボックスを変更することです。
dkroy


-1

あなたは使用することができますhttp://geojson.ioを KML、CSVファイルにマーカーやポリゴンをアップロードして表示するために、およびJSON形式、またはあなたがCSV、KML、シェープファイル、またはJSON形式に保存し、Webインターフェイスでそれらを描くことができます。

ここに画像の説明を入力してください


geoboxがgeojson形式のポリゴンとして提供されている場合、geojson.ioはbboxを表示できます。これは、誰かがすばやくbboxを視覚化したいだけの場合にオーバーヘッドになります。
SAL

境界ボックスがjson、csv、KMLなどの形式でない場合は、ボックスを描画してから、右側のパネル内のjsonテキストの座標を編集できます。
cmrRose
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.