小编rog*_*000的帖子

尝试添加右键单击删除标记功能,以便左键单击添加标记代码

您好,并提前致谢.以下修改后的示例Google代码会在鼠标左键单击时创建标记,并将这些标记添加到数组中.那部分工作正常.我试图添加第二个事件处理程序,如果右键单击它,则删除标记.我尝试了很多变化而没有成功.据我所知,使用marker.setMap(null)会将关联的数组元素设置为null,并从显示中删除标记.再次感谢!

<!DOCTYPE html>
<html>
<head>
<title>Marker Test</title>

<style>
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#map-canvas, #map_canvas {
    height: 100%;
}

#map-canvas, #map_canvas {
    height: 650px;
}
</style>

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

<script>
var map;
var markers = [];

function initialize() {
    var NY = new google.maps.LatLng(40.739112,-73.785848);
    var mapOptions = {
        zoom: 16,
        center: NY,
        mapTypeId: google.maps.MapTypeId.TERRAIN
    }
    map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);

    google.maps.event.addListener(map, 'click', function(event) {
                addMarker(event.latLng);
    });

    google.maps.event.addListener(map, 'rightclick', function(event) {
                marker.setMap(null);
    });
}

function addMarker(location) {
        var …
Run Code Online (Sandbox Code Playgroud)

google-maps-api-3

3
推荐指数
1
解决办法
4680
查看次数

标签 统计

google-maps-api-3 ×1