Я работаю с Google map v3. И я новичок с java-скриптом. Кто-нибудь знает, как получить позицию курсора в веб-браузере при перетаскивании (до и после перетаскивания)? Пожалуйста, научите меня.Как получить положение курсора при перетаскивании?
0
A
ответ
0
Лучшая альтернатива у меня есть отслеживание движения центральной точки карты (широта, долгота). События перетаскивания не отображают местоположение мыши на карте.
Смотреть здесь: http://jsfiddle.net/Hfu8D/
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body, #map_canvas { margin: 0; padding: 0; height: 100% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
mapTypeId: google.maps.MapTypeId.ROADMAP };
function initialize() {
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
google.maps.event.addListener(map, 'dragstart', function(event) {
document.getElementById("start").value = map.getCenter();
});
google.maps.event.addListener(map, 'dragend', function(event) {
document.getElementById("end").value = map.getCenter();
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
start: <input id="start" size="30"><br>
end: <input id="end" size="30">
<div id="map_canvas"></div>
</body>
</html>
0
Вы можете использовать mousemove событие для карты и добавить прослушиватель событий, который обновляет текстовое поле (или любой другой элемент) в режиме реального времени, как курсор перемещается.
Вот пример (раздвоенный из Мии JS Fiddle):
Смежные вопросы
- 1. Получить контактное положение при перетаскивании
- 2. Изменение курсора при перетаскивании
- 3. jQuery Sortable получить координаты курсора при перетаскивании
- 4. jQuery - Получить положение мыши при перетаскивании ссылки
- 5. Блокировка курсора мыши при перетаскивании в Chrome
- 6. designMode iFrame Получить положение курсора
- 7. Как получить экранное положение пикселя текстового курсора?
- 8. Как получить значение при перетаскивании мышью
- 9. Как отключить курсор при перетаскивании?
- 10. Получить положение курсора на изображении с прокруткой
- 11. Получить положение курсора в разрешаемом диапазоне
- 12. Получить положение курсора в <input>
- 13. Как изменить значок курсора при перетаскивании в HTML5?
- 14. Как изменить форму курсора при перетаскивании других элементов управления?
- 15. Как вернуть элемент в исходное положение при перетаскивании?
- 16. Текущее положение курсора
- 17. Получить положение курсора с номером типа ввода
- 18. Как определить положение курсора UITextField?
- 19. Получить текущее положение курсора в Word (VSTO)
- 20. VSTO: Получить текстовое положение курсора (X/Y)
- 21. Получить положение курсора Textarea в AngularJs
- 22. Положение всплывающего изображения при наведении курсора мыши
- 23. Установить положение курсора
- 24. GWT 2.4 HTML 5 перетаскивание APIS - изменение курсора при перетаскивании
- 25. Редактировать положение текстового курсора
- 26. Как получить представление при перетаскивании и андроиде?
- 27. Как получить позицию курсора
- 28. положение курсора в UITextView
- 29. Наведение, подобное эффекту при перетаскивании
- 30. Изменение курсора на HTML5 Canvas при перетаскивании в Chrome
ли вы имеете в виду (широта, долгота), или расположение пикселей? –