javascript - 谷歌地图 API (v3) 中的可选形状(圆形/矩形)

标签 javascript google-maps-api-3 geometry

我制作了一个谷歌地图,您可以使用绘图管理器或使用自定义“绘制圆形”和“绘制矩形”按钮来绘制圆形/矩形,如示例所示 http://googlegeodevelopers.blogspot.com.au/2011/11/make-your-map-interactive-with-shape.html

但是,在这个示例中,可以选择形状,然后在我的版本中删除,这是不可能的;所有形状始终被选中,但我在文档中找不到任何内容?

我的代码:

<script type="text/javascript">
function drawCircle(){
        console.log("Drawing Circle on Map");
        var circleOptions = {
            <!--draw the circle in the center of the viewport-->
            center : (map.getCenter()),
            radius : 1000000,
            map: map,
            editable: true,
            clickable:true
        };

        circle = new google.maps.Circle(circleOptions);
        return false;
    }

    function drawRectangle(){
        console.log("Drawing Rectangle on Map");
        var rectOptions = {
            <!--draw the circle in the center of the viewport-->
            bounds: map.getBounds(),
            radius : 1000000,
            map: map,
            editable: true,
            clickable:true
        };

        rectangle = new google.maps.Rectangle(rectOptions);
        return false;
    }

    function showDrawingManager(){
        var managerOptions = {
            drawingControl: true,
            drawingControlOptions: {
            position: google.maps.ControlPosition.TOP_CENTER,
            drawingModes: [google.maps.drawing.OverlayType.MARKER, google.maps.drawing.OverlayType.CIRCLE,google.maps.drawing.OverlayType.RECTANGLE]
            },
            markerOptions: {
                editable: true
            },
            circleOptions: {
                editable: true
            },
            rectangleOptions: {
                editable : true
            }
        }

        var drawingManager = new google.maps.drawing.DrawingManager(managerOptions);
        drawingManager.setMap(map); 
    }
   </script>

最佳答案

关于javascript - 谷歌地图 API (v3) 中的可选形状(圆形/矩形),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12301088/

相关文章:

google-maps-api-3 - 获取谷歌地图 v3 以使功能完全透明

javascript - 检测 Google map 街景模式

c - 找出一个矩形是否在另一个矩形内 [C]

javascript - 对象的方法可以将要恢复的对象本身的名称存储为 JavaScript 中的字符串吗?

javascript - 当我想要排序或过滤数据时,如何监视 redux 容器中的数据状态?

javascript - 创建对象会产生意想不到的结果

javascript - javascript中的谷歌地图infoWindow(通过循环创建多个infoWindow)

python - 解析 MSDN 几何数据类型

java - Java中形状的快速联合

javascript - 使用字符串名称访问对象成员