2010-03-30 2 views
0

"WiFi지도"를 만들고 싶습니다. 3 개의 아이콘 OPEN/WEP/WPA 및 많은 마커를 원합니다. 마커는 자체 infowindow가 있고 상단에는 1 개의 정보 창이 있으므로 # 1을 클릭하고 # 2를 클릭하면 # 1이 숨겨집니다. 그리고 XXXX 표식이있는 경우 축소판의지도에 문제가있을 것입니다. 한 곳에서 많은 표식이 모두 축소되어 표시되지만 예를 들어 확대 표시되는 경우와 같이 만들 수 있습니까? 그래서 이것은 내가 예를Google지도 api v3 - 다중 마커, 다중 정보창, 3 개의 아이콘

에 대해 가질 수에 따라 - 공식 구글 맵 문서/V3/overlays.html #의 ComplexIcons <에 튜토리얼처럼 보여 쉬울 것이다 PHP에서 그래서

나는, MySQL 데이터베이스에 네트워크에 대한 모든 정보가

var nodes = [ 
['WKKOZ',50.192843,18.967801,nodewep,1], 
['airlive',50.193056,18.967974,nodeopen,2], 
['Zurawia-3',50.198398,18.974723,nodeopen,3], 
['siec dol',50.19303,18.96796,nodewep,4], 
['KP_8_1',50.193092,18.96801,nodewep,5], 
['Natalia',50.19286,18.967812,nodewpa,6], 
['Z104',50.192591,18.967588,nodewep,7], 
['D2',50.192499,18.96876,nodewep,8], 
['Niesia',50.192474,18.968239,nodewpa,9], 
['boolean',50.192539,18.967545,nodewpa,10], 
['neostrada_0d65',50.192179,18.96758,nodewep,11], 
['neostrada_2d38',50.192216,18.96761,nodewep,12], 
['Belkin_G_Wireless_9B7BF7',50.192191,18.969261,nodeopen,13], 
['Trans_FijPn',50.1939,18.979565,nodeopen,14], 
['dlinklis',50.193113,18.968024,nodewpa,15] 

제발 도와주세요 :)

을 BTW :! 내 MySQL 데이터베이스는 형식을 http://wklej.to/7Puw/html

답변

1

이 당신이 이상에서 숨겨진받을지도에 많은 수의 마커를하는 방법에 대해 물어 생각 동물원 m 수준. 이를 마커 클러스터링이라고합니다. 클라이언트 측에서 클러스터링을 구현하고 기존 매시업에 통합하는 것은 매우 쉬운 몇 가지 자바 스크립트 라이브러리가 있습니다

:

  • MarkerClusterer - I used이 매시업과 통합 할 쉽게 발견이와 좋은 기본 아이콘 집합.
  • ClusterMarker -이 글은 사용하지 않았지만 꽤 기능적으로 보입니다.

또한 다양한 대안을 통해 이동이 blog post 또는 서버 측 클러스터링에 대한 구체적인 설명이 blog post를 읽을 수 있습니다.

+0

들으,하지만 그 '클러스터링'내 질문에서 하나의 포인트입니다 : P 난 아직도 여러 마커, 여러 정보창, 3 개 아이콘을 만든 방법을 모르는 내가 만든 코드를 시도 http://wklej.org/hash/ea86da22681/"documentation/v3/overlays.html # ComplexIcons"에 따라 작동하지 않습니다. ( – Adam

1

나는 최근에 똑같은 문제를 겪었고, 그 대부분을 Sean Vieira의 도움으로 분류했습니다.

이 질문에 대한 답은 여기에 있습니다 : Display multiple markers on a map with their own info windows

시나리오의 변화가 당신이 당신이 원하는 마커의 URL 경로를 지정 거라고하는 배열에 추가 필드를 추가 할 것이다 사용.

그런 다음 반복하여 마커 (var marker = new google.maps.Marker부터)를 만들 때 배열의 값을 icon 변수로 부릅니다.

아이콘 유형이 3 개인 경우 DB에서 레코드를 채우고 있다고 가정 할 때 액세스 포인트 유형을 테스트 한 다음 해당 위치에 마커 유형에 대한 관련 URL 경로를 작성하십시오 나는 PHP 사용자가 아니기 때문에 ASP를 쓰는 편이 낫다.

내 솔루션으로 정보를 제대로 처리하지 못합니다. 일단 열리면 사용자가 수동으로 닫지 않으면 열어 둡니다. 새로운 솔루션을 공개 할 때 솔루션을 보았지만 아직 구현하지 않았습니다.

0

나는이 오래된 질문 알아요,하지만 난 그것에 대한 대답을 가지고 내가 :) 정보창 문제에 대한 해결책은 아주 쉽게 해결 될 수

을보고 미래 세대를 작성합니다. currentWindow라는 전역 변수를 만듭니다. 사용자가 마커를 누를 때마다 eventlistener는 currentWindow = infoWindow인지 확인합니다. 그렇지 않은 경우 currentWindow를 닫고 새 정보창으로 설정합니다. 순수하고 간단합니다. 새로운 정보 창을 열어 두는 것을 잊지 마십시오.

관련 문제