Google지도 아이콘을 드래그하는 동안지도 중심에 유지 하시겠습니까?

Google지도의 중심에 일부 십자형을 표시하고 싶습니다.Google지도 아이콘을 드래그하는 동안지도 중심에 유지 하시겠습니까?

현재 나는 다음과 같은 코드가 있습니다

 var mapCentre = map.getCenter(); 
     reticleMarker = new google.maps.Marker({ 
      position: mapCentre, 
      map: map, 
      icon: reticleImage, 
      shape: reticleShape, 
      optimized: false, 
      zIndex: 5 
     }); 
     google.maps.event.addListener(map, 'bounds_changed', 
      function(){reticleMarker.setPosition(map.getCenter());});

모바일에 바탕 화면에 훌륭한 작품,하지만. 모바일에서는 사용자의 손가락이지도를 드래그하는 동안 십자선이지도의 중앙에 머 무르지 않습니다.

drag 이벤트 수신기를 사용하면 더 이상 작동하지 않습니다.

누구나 모바일 브라우저에서이를 어떻게 처리 할 수 있을까요? (참고로 안드로이드 브라우저에서이 문제가 발생합니다.)

지도 표시 대신 CSS에 십자형을 표시해야한다고 생각합니까?

출처

2011-08-23 Richard

지도 표식 대신 CSS에 십자형을 표시해야한다고 생각합니까?

나는 큰 효과를 내기 위해 유사한 접근법을 사용했습니다. 지도 컨테이너에 원하는 HTML을 넣을 수 있습니다. Google지도는 마음에 들지 않습니다.

출처

2011-08-23 19:24:23 Halcyon

불행하게도, 십자선은 이미지로 표시되는 경우지도에서 사각 지대를 만듭니다.보기에는 좋지만 십자선으로 덮인 곳을 터치하면지도를 끌 수 없습니다. 그래서 대체 솔루션이 필요합니다 ... – Richard

제 경우에는 HTML div를 사용하여 창 위에 경계 상자를 '그립니다'. 십자선 그리기가 너무 어렵지 않아야합니다. 이렇게하면 드래그를 시작할 때 십자선을 칠 기회가 최소화됩니다. 완벽한 솔루션을 사용하려면 브라우저가 십자선을 무시하도록하거나 브라우저의 모든 이벤트를 기본지도로 전달해야합니다. 이것은 매우 복잡합니다. – Halcyon

좋은 제안이지만 누군가 CSS 이미지에서'pointer-events : none; '을 사용하여 제안하고 그 문제를 해결했습니다 : http://stackoverflow.com/questions/7178669/display-png-over-google-maps - without-creating-dead-spot - 도와 줘서 고마워. – Richard

Google지도 아이콘을 드래그하는 동안지도 중심에 유지 하시겠습니까?

답변

관련 문제