Google지도 api v3 (자바 스크립트) : infowindow의 이미지

Question

웹 사이트를 구축하려고하는데 확인란으로 필터링 된 여러 마커가있는지도를 만들고 싶습니다. 나는이 예제 작업입니다 : 이미 그것을 조금 변경하고 나는 사이드 바 제거

http://www.geocodezip.com/v3_MW_example_categories.html

. 그것은 나를 위해 훌륭하게 작동하지만, 정보 창에 이미지를 어떻게 넣을 지 조금 혼란 스럽습니다. 축소판 크기의 이미지와 정보창에 대한 작은 설명이 필요합니다. 이 예제에는 외부 XML 파일 http://www.geocodezip.com/categories.xml과 태그, name, id, address, category와 같은 여러 속성이 있습니다. 또한 외부 js 파일을 사용하지만이 방법으로는 문제가되지 않습니다.

나는 content라는 배열을 만들고 거기에 이미지를 넣고 그것을 for (line 195)라고 부르려고했다. content()라는 새로운 변수를 만드는 것과 같은 것; 그것을 var html()에 추가합니다. (라인 202). 그러나 그것은 효과가 없습니다. 나는 또한 예를 들어 "사진"이라는 이름에 속성을 추가 할 것을 고려했습니다.하지만지도는 페이지에 표시되지 않습니다.

분명히 나는 ​​프로그래머가 아니며, 나의 기술은별로 좋지 않다. 누군가가 이것에 대한 단서를 가지고 있다면, 나는 그것을 감사 할 것이다 !! 나의 영어도 유감스럽게 생각한다. 고마워요.

Answer 1

나는 당신을 위해 페이지를 쓸 수 있지만, 그게 얼마나 재미 있을까? ;)

첫째, 마커는 여기에서 얻을 수 있습니다 :

https://sites.google.com/site/gmapsdevelopment/ Ctrl 키 찾기 "MS/micons을".

Google Chart Icons도 있지만 지금은 사용되지 않습니다.

나는 this page을 보는 것이 좋습니다. 그것은 그룹화 된 체크 박스를 가지고 있으며, 언급 한 것처럼 사이드 바는 필요없는 컨텐트를 제거 할 수 있습니다. 트릭은 Ajax를 사용하여 this xml에서 마커 정보를 검색하는 것입니다. 동일한 접근법을 따르거나 JavaScript 파일에서 데이터 배열을 바로 만들 수 있습니다.

InfoWindow의 이미지에 대해서는 "img src"태그를 myInfoWindow.setContent (html)의 html에 넣기 만하면됩니다. 잘못 된 부분을 보여줄 수 있다면 한 번 둘러 보겠습니다. 지도가 표시되지 않으면 일반적으로 브라우저 콘솔에서 알려줄 JavaScript 오류가 있습니다. (Firefox의 Firebug, Chrome의 Ctrl + Shift + I 또는 F12)

Answer 2

here 이미지로 맞춤 마커를 생성 할 수 있습니다.