2013-03-26 2 views
-3

건물 평면도 이미지가 있습니다.이 평면도 이미지를 캔버스에 2D 이미지로 넣으려고합니다. 이것에는 아무런 문제가 없습니다.HTML5의 평면도에지도 표식 추가하기

정문에서 특정 장소 (예 : 움직임, 기타 등등)로 표시하기 위해 일종의 마커 (Google Map 마커 또는 파란색/빨간색 핀과 유사)를 넣고 싶습니다. . 마커를 클릭하면 특정 센서에 대한 정보가 표시됩니다. 어떻게해야합니까? 정확한 결과를 얻으 려하지 않아서 Google에서이 작업을 시도 할 때 원하는 결과를 얻지 못하는 것 같습니다. 저는 여러분 중 누구라도 저에게 올바른 방향을 제시해주기를 바랍니다.

+1

이 질문은이 사이트에서 너무 광범위합니다. 먼저 뭔가를 시도해 보아 좁히고 문제가 생기면 여기로 오십시오. 전에는 아니야. – Daedalus

+0

답장을 보내 주셔서 감사합니다. 문제는 핀을 캔버스에 추가하는 방법을 모르겠다는 것입니다. 나는 어떻게 그 일을합니까? 내지도가 Google지도에서 나온 것이라면 할 수 있습니다. – Nur

+0

그 질문조차도 너무 광범위합니다 .. 그게 당신이 원하는 것을 할 수있는 많은 방법입니다,하지만 당신이 시도하는 API의 제안을 원한다면 .. 나는 구글지도 API를 제안 할 것입니다. – Daedalus

답변

1

좋아, 우선 이미지 타일이라는 용어도 모르지만 Daecalus가 제안한 Minecraft 개요를 살펴본 후에 이미지 타일을 만들어야하는 것처럼 보입니다. 이는 here에서 얻을 수있는 MapTiler 소프트웨어를 사용하여 수행 할 수 있습니다. 이 옵션에서, 나는 단지 "Image Based Tiles"를 선택한다.

그 후 OpenLayer API로 생성 된 HTML 파일을 편집하여 줌과 마커 및 해당 popups을 표시했습니다. 그래서, 그게 전부입니다.