谷歌地圖Api繪製圓圈

嗨，我使用谷歌地圖API，我使用庫的繪圖，不知道這是否正常，但是當我使用圓形繪圖在此刻開始繪製這不會出現在地圖上，只有當圓圈完成時纔會出現，但其他控制器（如多邊形或矩形）出現在開始繪製的瞬間，我沒有複製谷歌地圖API在其頁面中具有的示例，並且發生了相同..谷歌地圖Api繪製圓圈

一些解決方案..感謝您的幫助。

這是從谷歌地圖API

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Drawing tools</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <style> 
     html, body, #map-canvas { 
     height: 100%; 
     margin: 0px; 
     padding: 0px 
     } 
    </style> 
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=drawing"></script> 
    <script> 
function initialize() { 
    var mapOptions = { 
    center: new google.maps.LatLng(-34.397, 150.644), 
    zoom: 8 
    }; 

    var map = new google.maps.Map(document.getElementById('map-canvas'), 
    mapOptions); 

    var drawingManager = new google.maps.drawing.DrawingManager({ 
    drawingMode: google.maps.drawing.OverlayType.MARKER, 
    drawingControl: true, 
    drawingControlOptions: { 
     position: google.maps.ControlPosition.TOP_CENTER, 
     drawingModes: [ 
     google.maps.drawing.OverlayType.MARKER, 
     google.maps.drawing.OverlayType.CIRCLE, 
     google.maps.drawing.OverlayType.POLYGON, 
     google.maps.drawing.OverlayType.POLYLINE, 
     google.maps.drawing.OverlayType.RECTANGLE 
     ] 
    }, 
    markerOptions: { 
     icon: 'images/beachflag.png' 
    }, 
    circleOptions: { 
     fillColor: '#ffff00', 
     fillOpacity: 1, 
     strokeWeight: 5, 
     clickable: false, 
     editable: true, 
     zIndex: 1 
    } 
    }); 
    drawingManager.setMap(map); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map-canvas"></div> 
    </body> 
</html>

來源

2014-01-14 Deathshoo7

這必須是一個錯誤，你應該報告它。 –

使用Chrome我沒有看到任何問題。 FF有點不同：第一個中心和4個點（N，S，E，W），而不是完整的圓圈。 –

代碼地圖加載後試試這個代碼。它爲我工作。

var rad=9; 
var draw_circle=null; 
draw_circle = new google.maps.Circle({ 
            center: new google.maps.LatLng(32.0833, 34.8000), 
            radius: rad, 
            strokeColor: "#FFFFFF", 
            strokeOpacity: 0.8, 
            strokeWeight: 2, 
            fillColor: "#FFFFFF", 
            fillOpacity: 0.35, 
            map: map 
            });

希望它有幫助。

來源

2014-05-26 14:25:28

谷歌地圖Api繪製圓圈

回答

相關問題