2016-06-23 3 views
0

나는 가격지도를 만들기 위해 몇 주 동안 노력해 왔습니다. 내 영감은 Housing.com의 웹 사이트에있는 히트 맵입니다. 지도에 대한 링크는 다음과 같습니다 내가 시도 https://housing.com/dsl/heatmaps/mumbai/buyHousing.com의 가격 히트 맵과 같은 히트 맵을 만들 수있는 방법

: 구글지도 자바 스크립트 API 3 히트 맵, JS 라이브러리 및 다른 많은 웹 사이트. 결과지도가 시각적으로 덜 매력적입니다. 아주 작은 영역에 대한 경계를 정의한 다음 그래디언트를 도입 했습니까? (구현 방법을 모르고 있습니다.) 구현 방법에 대한 의견을 환영합니다.

+0

히트 맵을 만들고 싶습니다. https://www.zoopla.co.uk/heatmaps/ –

답변

1

그들은 어플리케이션에서 Google Maps Heatmaps Layer 또는 히트 맵을 생성하기위한 다른 라이브러리를 사용하지 않습니다. 웹 페이지가 만드는 요청 간에는 더 큰 줌 레벨의 경우 this, thismore과 같은 이미지라는 것을 볼 수 있습니다. 그들은 단지 사용자 정의 된 스타일의 Google지도 위에 이러한 이미지를 타일로 렌더링합니다.

Google지도에서 맞춤 타일을 렌더링하는 방법에 대해 자세히 알아 보려면 this part of docs을 확인하십시오. 히트 맵 아래의 맵을이 예제에서와 같이 스타일을 지정하는 방법에 대한 자세한 내용은 this parts of docs을 확인하십시오.

Google지도를 통해 렌더링 할 타일 이미지를 만들면 골칫거리가 될 수 있습니다. like this one 몇 가지 도구가 있지만 도움이 될 것입니다. 무료 솔루션에 대해서는 잘 모릅니다. 시간이 걸릴 수도 있지만 수동으로 만들 수 있습니다.

희망하는지도의 구현 기술을 더 잘 이해하는 데 도움이 되길 바랍니다.

+0

고맙습니다. Google지도 문서가 많이 정리되었습니다. 따라서 데이터 값을 변경하려면 이미지를 다시 만들고 Google지도를 통해 다시 렌더링해야합니다. 또한 마커를 사용하지 않고도 영역 위로 마우스를 이동하면 표시되는 정보 상자를 얻을 수 있습니다. 또는 경계를 딱딱하게 코딩하고 표시 할 텍스트를 설정해야합니다. 귀하의 도움을 주시면 감사하겠습니다! – TheBrandom

+0

"데이터 값을 변경하려면 이미지를 다시 작성하고 Google지도를 통해 다시 렌더링해야합니다"라는 것이 무슨 뜻인지 잘 모르겠습니다. 당신은 자신의 이미지 맵 타일을 만든 다음 api를 사용하여 문서에서와 마찬가지로 Google지도 위에로드합니다. infobox 정보 : 지역에 대해 보이지 않는'google.maps.Polygon'을 만들었다 고 생각합니다. 마우스 위로 가져 가면 마우스 커서 근처에 팝업이 표시됩니다. 그러나 복잡성 때문에 infobox 부분이이 질문의 범위를 벗어났습니다. –

+0

설명 : a) 히트 맵은 부동산 가격을 나타냅니다. b) 나는 매월/분기별로 가격을 업데이트 할 것이라고 가정한다. c) 히트 맵 레이어가 사용 되었다면이 프로세스는 쉽게 자동화 될 수 있습니다. 그들은 웹 사이트에서 가격을 받아 CSV 파일로 피드하고 완료합니다. d) 이미지를 생성하기 때문에 수동으로 프로세스를 수행해야합니다. e) 정보 통신망 아이디어에 감사드립니다. 나는 그것을 통합하려고 노력할 것이다. – TheBrandom

관련 문제