하나의 큰 캔버스가 오버레이보기 인 Google지도의 예가 있습니까? 지도를 확대하거나 이동할 때마다 캔버스를 배치하는 데 어려움을 겪고 있습니다.Google지도에서 오버레이보기로 HTML 캔버스
8
A
답변
2
지도 경계 메서드를 시도하고 현재 표시 가능한지도의 북동쪽 및 남서쪽 뷰를 가져오고 js 함수를 사용하여 각 줌에서 오버레이를 수정하여 위치를 동적으로 변경합니다.
mapBound = map.getBounds();
northEndOfMap =mapBound.getNorthEast();
지도를 얻으려면 map.getZoom();
은 참조 : http://code.google.com/apis/maps/documentation/javascript/reference.html#Map
3
체크 아웃 기본적으로 참조 구현으로 당신을 위해 계정에이 모든 걸리는 CanvasLayer 라이브러리를.
관련 문제
- 1. 지도 캔버스를 기준으로 고정 된 Google지도에서 오버레이보기로 HTML 캔버스
- 2. Google지도에서 "비활성"정보창 HTML 검색
- 3. HTML 5 캔버스 성능
- 4. 캔버스 크기 HTML
- 5. html 캔버스 zindex
- 6. HTML 5 캔버스 입자
- 7. html 복사 캔버스
- 8. html 캔버스 : 클리핑 및 텍스트
- 9. HTML 캔버스 - 곡선 화살표 그리기
- 10. html 5 캔버스 드로잉이 느립니다!
- 11. html 형식의 텍스트 및 캔버스
- 12. 자바 스크립트로 HTML 캔버스 이동
- 13. HTML 캔버스 알파 채널 제거
- 14. iframe을 통해 캔버스 오버레이 - HTML
- 15. HTML 5 캔버스 글꼴이 무시됩니다.
- 16. 스케일 된 html 캔버스 드래그
- 17. html 캔버스 모양 흐림 필터
- 18. 상대적으로 HTML 캔버스 크기 조정
- 19. HTML 5 스크롤 IE의 캔버스
- 20. UI 요소에 HTML 캔버스 사용?
- 21. HTML 캔버스 클립 및 putImageData
- 22. html 캔버스 스케치 vs 폭 채우기
- 23. GWT를 사용하는 HTML 5 캔버스 요소
- 24. HTML 캔버스 컨텍스트 스택을 온라인으로 저장 하시겠습니까?
- 25. HTML 5 캔버스 무작위 불투명도 문제
- 26. 캔버스 아래에서 HTML 요소를 사용하는 방법
- 27. HTML 캔버스 이중 버퍼링 프레임 속도 문제
- 28. 안드로이드 - HTML 5 캔버스 - png 저장
- 29. HTML 캔버스 요소에서 이미지 데이터 생성
- 30. Google지도에서 데이터베이스
이것은 svg를 사용하기 때문에 꽤 답이 아닙니다. 여기에 적절한 예제가있는 d3이라는 훌륭한 라이브러리가 있습니다. https://gist.github.com/899711 예를 들어 캔버스에 적응할 수 있습니다. http://www.svgopen.org/2010/papers/62-From_SVG_to_Canvas_and_Back/index.html#canvas_to_svg 또는 fabric.js와 같은 고급 기능, 특히 https://github.com/kangax/fabric과 같은 간단한 것입니다. js/blob/d42ba6ec027274ed89c8262dfc3935b10e81f479/src/parser.js # L431 – unmounted