Ajax interactive map

Question

저는이 포럼을 처음 방문했으며 jquery와 ajax를 처음 사용합니다. 그래서 대화식지도를 만들려고합니다. 그러나지도 옆에 양식 (예 : 체크 박스 포함)이 표시됩니다. 예를 들어, 우리는 "바다가있다"또는 "주 언어로 영어를 가짐"또는 "[사용자가 정의한 가치를 지닌 시민들을 초과] 등의 옵션이있는 유럽지도와 양식이 있습니다. 사용자가 옵션을 선택하면 선택한 기준을 충족하는 모든 국가를 찾는 쿼리가 데이터베이스에 만들어집니다. 그런 다음이 국가는지도에서 강조 표시되고 다른 국가는 클릭 할 수 없습니다. 이 페이지를 다시로드하지 않고도이 작업을 수행하여 SVG지도에서 아약스와 jquery를 사용해야 할 것입니다. 그게 맞습니까? 다른 해결책이 있습니까?

질문은 인터넷에서 수정할 수있는 것이 있습니까? 나는 그것을 봤지만 꽤 비슷한 것을 찾지 못했다. 내가 말했듯이 아약스와 jquery에 대한 경험이 거의 없으므로 처음부터 다시 시작할 수 없습니다.

도움 주셔서 감사합니다.

Answer 1

Google Maps API은 내가 원하는 기능을 제공합니다. Overlay와 Layers 클래스를 면밀히 살펴보고지도에서 일종의 드로잉 기능을 제공 할 수 있습니다 (예 : 영역을 다루는 폴리곤과 같은).

또한 Google Maps API는 전혀 데이터를 제공하지 않으므로 모든 데이터를 별도의 장소에 보관해야합니다.

@thatidiotguy에 동의하지 않습니다.보기에는 그리 어렵지 않습니다.

1. 지정된 영역을 덮는 다각형을 작성하십시오.
2. 해당 국가에 클릭 가능한 마커를 배치하여 다른 관련 정보를 표시하십시오.

행운을 빕니다 :)

Answer 2

내가 대신 구글 Geochart의 API를 사용하는 것이 좋습니다 것입니다. 나는 그것이 시각적으로 잘 보일 것이며, 국가를 강조하는 것이 더 쉽다고 생각한다. 데이터베이스가 잘 구축 되었다면 즉시 대화식지도를 작성하는 것이 어렵지 않습니다. geochart API를 사용하여 wp 플러그인을 만들었고 백엔드에서 큰 양식을 사용하여 사용자가 입력 할 수있는 데이터를 입력하고 시간을 변경하여 필드의 미리보기를 변경합니다. 그래서, 당신이하고 싶은 것과 매우 비슷합니다. http://cmoreira.net/interactive-world-maps-demo/administration-screenshots/

는 희망이 도움이 : 당신은 내가 함께 할 수 있었는지의 아이디어를 가지고, 그래서 https://developers.google.com/chart/interactive/docs/gallery/geochart

을하고 여기 API를 확인 ! 환호