Google maps 谷歌地图标记设置为可拖动,但无法拖动

Google maps 谷歌地图标记设置为可拖动,但无法拖动,google-maps,draggable,google-maps-markers,Google Maps,Draggable,Google Maps Markers,API v3 我对记号笔有一个奇怪的问题: 我在地图上放置的标记设置为可拖动,WebInspector将其报告为可拖动,但我仍然无法拖动它。当我越过标记时,光标不会改变 底层的映射是可拖动的,这是可行的 在另一个页面上,使用不同的设置(较少的层),但使用相同的javascript,它可以按预期工作(因此我可以在那里拖动它) 我还使标记可以点击,并将一个事件绑定到它,这很好。鼠标悬停时光标也会发生变化 我已经没有选择了。。。。为什么我不能拖它?这是否与zIndex或图层定位有关?就我所见,这张地图

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);
    }
});

您有
draggable:false,

将其更改为
true

请在此处查看它的工作情况:

尝试以下操作:

 map.setOptions({draggable: true});

嗯,有很多代码,我不知道该发布什么。。。。正如我指出的,相同的javascript在另一个页面上工作。如果你访问这个网站可能会更好?是的,我明白,但是,看看这个网站是如何建立起来的可能会有所帮助。我在帖子中添加了一些javascript。不幸的是,我粘贴了一个编辑过的部分。设置一直处于“真”状态。奇怪的是,如果我将“clickable”和“draggable”设置为“true”,那么click事件也不起作用。