API V3谷歌地圖標記被設置可拖動,但不能將其拖到
我有一個標記一個奇怪的問題:
,我把地圖上的標記被設置爲可拖動,WebInspector報告它作爲可拖動的,但我仍然不能拖動它。當我越過標記時,光標不會改變。
底層地圖是可拖動的,並且工作正常。
在另一個頁面上,使用不同的設置(較少圖層),但具有相同的JavaScript,它按預期工作(所以我可以拖動它)。
我也讓標記點擊並綁定一個事件給它,並且工作正常。光標在鼠標懸停時也會變化。
我用盡了選項....爲什麼我不能拖動它?這可能與一些zIndex或圖層定位有關嗎?至於我可以看到,地圖上有比其他層更高的zIndex的....
//顯示地圖
geocoder.geocode({ 'address':address }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
// map options
var mapOptions = {
zoom: 14,
center: results[0].geometry.location,
panControl: false,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false
};
// render map
map = new google.maps.Map(J('#'+mapElementId)[0], mapOptions);
// set marker
marker = new google.maps.Marker({
clickable: true,
draggable: true,
icon: markerImage,
shadow: markerShadow,
shape: markerShape,
map: map,
position: results[0].geometry.location
});
google.maps.event.addListener(marker, 'click', function() { alert('marker clicked'); });
google.maps.event.addListener(marker, 'dragend', function() {
alert('marker dragged')
map.setCenter(marker.getPosition());
J('input[name=coordinates]').val(marker.getPosition());
J('input[name=address]').val('');
});
J('input[name=address]').val(results[0].formatted_address);
}
});
嗯,有大量的代碼,我不知道作什麼崗位.. ..正如我指出的,相同的JavaScript在另一個頁面上工作。 也許這是更好,如果你訪問該網站? – user1771561
是的,我明白了,但不過,看看網站是如何建立起來的,可能會有幫助。我在我的文章中添加了一些javascript。 – user1771561
不幸的是,我粘貼了一個編輯過的部分。這些設置始終處於真實狀態。奇怪的是,如果我將'可點擊'和'可拖動'設置爲'真',那麼點擊事件也不起作用。 – user1771561