2016-06-14 2 views
1

Google지도에 일련의 오버레이를 배치하려고합니다. 나는 sample code for ground overlays과 함께 따라 가고 있지만 북/남/동/서 경계를 사용하여 이미지 배치를 지시 할 수 있습니다. 내 이미지가 직사각형이고 경도 및 위도 선을 따라 배치되어있는 한 작품. 커스텀 스케일 및 각도 방향을 포함하여 정확하게 이미지를 배치하고 싶습니다. 지상 오버레이로는 불가능한 것 같습니다.Google지도에서 오버레이 이미지를 회전하려면 어떻게해야합니까?

가능한 사용 사례가 있습니다. 도시 계획 담당자가 주차 가능 여부를 테스트 할 수 있도록 웹 사이트를 구축 중입니다.

  • 도시 계획자는 분석 웹 사이트의 Google지도를 사용하여 거리의 영역을 다각형 선택 도구로 선택합니다.
  • 웹 사이트 스크립트는 선택한 다각형 영역에서 주차 가능 여부를 테스트합니다.
  • 평가가 끝나면 사이트에서 자동차의 임의 이미지를 페이지에 붙여 넣어 사용자가 사용 가능한 것을 더 잘 시각화 할 수있게하고 싶습니다.
  • 자동차의 직사각형 평면 뷰를 만들 수 있지만 필요에 따라 이미지를 X도만큼 회전하는 방법을 알 수 없습니다. 북/남/동/서 (NSEW)에 수직 인 것은 문제가 없지만 각도를 설정할 수는 없습니다.
  • 원본지도의 방향에 관계없이 작동해야합니다. 목표는 사용자가 제안 된 솔루션을보고 현재지도보기에서 완료하고 확장하는 것입니다.
  • 는 물론 이미지가 완벽하게 볼지도 확장되어야 할 것이다, 그것은

Parking Lot Assessment via mapping tools. (이 이미지에서, 도시 계획자 (작은 위도 길이 조정이 필요할 수 있습니다.) 할 매우 쉽습니다 방금 다각형 선택 도구를 통해 관심 영역을 선택했습니다. 다음 단계는 영역을 평가하고 주차 된 차를 정렬하고 크기가 맞도록 붙여 넣는 것입니다.)

내가 찾고있는 모든 Google 매핑 네이티브 오버레이 도구 LatLngBounds 클래스에 의존하므로 NSEW 수직 정렬 문제가 발생합니다. 원하는 각도를 계산할 수 있고, PHP 서버로 이동하고, php imagerotate 당 투명한 배경으로 .png 이미지를 회전시킬 수 있지만 지오 맵핑 연습과 같은 해킹처럼 보입니다. 또한 .png 파일로 자동차를 미리 회전하여 red_car_15degrees.png, blue_car_30degrees.png, white_pickup_45degrees.png (0도에서 45도까지 3 가지 자동차 x 5도 증분)로 저장할 수도 있지만 해킹처럼 느껴질 수도 있습니다.

원하는 방향 각으로 맞춤지도 오버레이를 만드는 방법이 있습니까? 차에서 도시 계획 수립자를 보여주기 위해 레이어를 만들 수 있습니까? 많은 감사합니다.

+0

가능한 [웹 응용 프로그램에서 Google지도를 회전하는 방법] (http://stackoverflow.com/questions/33747493/how-to-rotate-a-google-map-in-a-web-application)) – geocodezip

+0

@geocodezip Er, no. 주차장으로 그 차를 겹쳐 놓고 싶습니다. 각진? 각이 지 않습니다? 그 전체의지도가 아니라, 나는 각을 잡고 싶은 차다. 일부 주차 시설에서는 모든 차량이 30도 오른쪽에 있고, 차선의 다른쪽에는 30도 왼쪽에 주차되어 있습니다. 오버레이는 임의의 자동차 이미지입니다. NSEW가 아닌 도로에 대한 간단한 설명을 삭제하기 위해 게시글을 업데이트 할 것입니다. 나는 그것이 혼란 스러웠던 것을 볼 수있다. – zipzit

+0

그래서 ...지도 대신 자동차 이미지를 회전해야합니다. – geocodezip

답변

0

나는 그림을 그릴 것이고, <canvas>으로 그 다음에 회전 할 것이다. 캔버스에 놓기, ctx.rotate, c.toDataUrl(),지도에 오버레이를 넣으세요.

관련 문제