거리지도 위에 마커와 경계 상자를 추가 할 수있는 웹 사이트가 있습니까?


10

마커 (위도 / 경도) 및 경계 상자 (최소 / 최대 위도 / 경도)를 표시하고 Google지도 (또는 OSM 또는 Bing 등) 위에 오버레이되는 웹 사이트가 있습니까? 나는 이것을 위해 나 자신의 웹 페이지를 만들고 싶지 않다 ... 나는 일반적인 유스 케이스 또는 데모를 위해 누군가가 이와 같은 것을 구현하고 온라인 어딘가에 있기를 바라고있다.

답변:


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의 경우 호출에 & box = yes 를 추가하여 API를 호출하여 간단한 사각형을 생성 할 수 있습니다.

여기에 이미지 설명을 입력하십시오

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


osm은 더 이상 bbox를 표시하지 않는 것 같습니다.
sal

1
@sal try tools.geofabrik.de/calc/… 이제 osm이 설정을 변경 한 것처럼 보입니다
Mapperz

Google지도 솔루션과 관련하여 OP는 코드 스 니펫을 요청하지 않고 기존 서비스를 요청했습니다. 나는 이것을 여기에 제공한다 : gis.stackexchange.com/a/220247/37448
sal


0

나는 이것이 당신의 요구 사항을 충족시킬 것이라고 확신합니다 :
http://mapper.acme.com/


1
여기에는 마커가 있지만 경계 상자를 추가하는 방법이 없습니다.
Pris

가장 쉬운 방법은 Mapperz 솔루션에서 하단 샘플을 가져 와서 경계 상자를 변경하는 것입니다.
dkroy


-1

http://geojson.io 를 사용 하여 KML, csv 및 json 형식으로 마커 및 다각형을 업로드하고 보거나 웹 인터페이스에서이를 그려 CSV, KML, shapefile 또는 json 형식으로 저장할 수 있습니다.

여기에 이미지 설명을 입력하십시오


bbox가 geojson 형식의 다각형으로 제공되는 경우 geojson.io는 bbox를 표시 할 수 있습니다. 누군가가 빠른 bbox를 시각화하려는 경우 약간의 오버 헤드입니다.
sal

경계 상자가 json, csv, KML 등 형식이 아닌 경우 상자를 그린 다음 오른쪽 패널 내에서 json 텍스트의 좌표를 편집 할 수 있습니다.
cmrRose
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.