问Google maps api - Circle sector停止工作
EN

Stack Overflow用户

提问于 2014-07-30 18:17:27

回答 1查看 114关注 0票数 0

我有这个显示圆形扇区的代码。这段代码几周前就停止工作了。我对这个api不太熟悉，可能有些地方发生了变化。我只看到没有任何标记的地图。

有人能帮我找出错误吗？

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Test</title>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <!-- Le styles -->
<style type="text/css">

    #map_canvas {
        height: 80%;
      }
      #map_canvas {
        height: 400px;
      }

      #map {
        width: 800px;
        height: 500px;
      }
</style>
    <script>

      // Create an object containing LatLng, population.
        var koordid = {};

        var ringid;

        var arcs = {};
        arcs[0] = {
            center : new google.maps.LatLng(50.083666666667, 14.479111111111),
            startAngle : 208,
            endAngle : 272,
            radius : 734,
            innerRadius : 0
        }

        function drawArc(map,arc) { 
            var points = 36; 
            var extpoints = new Array();
            var deltaAngle = (arc.endAngle - arc.startAngle) / points;

            if (arc.innerRadius > 0) {
                extpoints.push(new google.maps.geometry.spherical.computeOffset(arc.center, arc.innerRadius, arc.startAngle));
                for (var i=0; (i < points + 1); i++) { 
                    extpoints.push(new google.maps.geometry.spherical.computeOffset(arc.center, arc.radius, arc.startAngle + i * deltaAngle));
                }
                for (var i=points; (i > -1); i--) {
                    extpoints.push(new google.maps.geometry.spherical.computeOffset(arc.center, arc.innerRadius, arc.startAngle + i * deltaAngle));
                }
            } else {
                extpoints.push(arc.center);
                for (var i=0; (i < points + 1); i++) { 
                    extpoints.push(new google.maps.geometry.spherical.computeOffset(arc.center, arc.radius, arc.startAngle + i * deltaAngle));
                } 
            }

            var arc = new google.maps.Polygon({
                path: [extpoints],
                strokeColor: "#FF0000",
                strokeOpacity: 0.8,
                strokeWeight: 2,
                fillColor: "#FF0000",
                fillOpacity: 0.35,
            });
            arc.setMap(map);
        }

        function initialize() {
            var mapOptions = {
                zoom: 15,
                center: new google.maps.LatLng(50.083666666667, 14.479111111111),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

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

            for (var koord in koordid) {
                var raadiusOptions = {};
                raadiusOptions = {
                    strokeColor: "#FF0000",
                    strokeOpacity: 0.8,
                    strokeWeight: 2,
                    fillColor: "#FF0000",
                    fillOpacity: 0.35,
                    map: map,
                    center: koordid[koord].center,
                    radius: koordid[koord].raadius
                };
                if (koord == 'tsoon') {
                    raadiusOptions.strokeColor = "#000000";
                    raadiusOptions.fillColor = "#000000";
                }
                ringid = new google.maps.Circle(raadiusOptions);
            }

            drawArc(map,arcs[0]);

        }
    </script>

  </head>

<body onload="initialize()">      
<div id="map_canvas"></div>
  </body>
</html>

google-maps

回答 1

Stack Overflow用户

发布于 2014-07-30 19:08:45

您的代码中没有包含几何库(但我猜在您的生产版本中包含了它)

问题是(在drawArc中)：

path: [extpoints]

当您使用-property属性时，它必须是一个带有LatLng的数组，但是您提供了一个包含带有LatLng的数组的数组(当您将其作为LatLng提供时，将会起什么作用)

您可以使用

path: extpoints

或

paths: [extpoints]

working fiddle

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25034295

复制

相似问题

问Google maps api - Circle sector停止工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google maps api - Circle sector停止工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google maps api - Circle sector停止工作
EN