Google maps 谷歌地图标记设置为可拖动,但无法拖动
API v3 我对记号笔有一个奇怪的问题: 我在地图上放置的标记设置为可拖动,WebInspector将其报告为可拖动,但我仍然无法拖动它。当我越过标记时,光标不会改变 底层的映射是可拖动的,这是可行的 在另一个页面上,使用不同的设置(较少的层),但使用相同的javascript,它可以按预期工作(因此我可以在那里拖动它) 我还使标记可以点击,并将一个事件绑定到它,这很好。鼠标悬停时光标也会发生变化 我已经没有选择了。。。。为什么我不能拖它?这是否与zIndex或图层定位有关?就我所见,这张地图的zIndex比其他所有图层都高 //显示地图Google maps 谷歌地图标记设置为可拖动,但无法拖动,google-maps,draggable,google-maps-markers,Google Maps,Draggable,Google Maps Markers,API v3 我对记号笔有一个奇怪的问题: 我在地图上放置的标记设置为可拖动,WebInspector将其报告为可拖动,但我仍然无法拖动它。当我越过标记时,光标不会改变 底层的映射是可拖动的,这是可行的 在另一个页面上,使用不同的设置(较少的层),但使用相同的javascript,它可以按预期工作(因此我可以在那里拖动它) 我还使标记可以点击,并将一个事件绑定到它,这很好。鼠标悬停时光标也会发生变化 我已经没有选择了。。。。为什么我不能拖它?这是否与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);
}
});
您有
draggable:false,
将其更改为true
请在此处查看它的工作情况:尝试以下操作:
map.setOptions({draggable: true});
嗯,有很多代码,我不知道该发布什么。。。。正如我指出的,相同的javascript在另一个页面上工作。如果你访问这个网站可能会更好?是的,我明白,但是,看看这个网站是如何建立起来的可能会有所帮助。我在帖子中添加了一些javascript。不幸的是,我粘贴了一个编辑过的部分。设置一直处于“真”状态。奇怪的是,如果我将“clickable”和“draggable”设置为“true”,那么click事件也不起作用。