谷歌地图API将多边形转换为圆形

发布于 2025-01-16 05:06:06 字数 1666 浏览 5 评论 0原文

我有一个代表圆的多边形的 geoJson,我需要从多边形几何图形中绘制一个圆。

我从数据库获取 geoJson,并且可以绘制多边形,但如果 geoJson 是由圆形制成的,我需要绘制圆形而不是多边形。

更新: 我找到了一种计算半径的方法,现在我只需要一种计算中心坐标的方法。

var geometry = JSON.parse(retZones["GeoJSON"]);
var data = {
    type: "Feature",
    geometry
};

var geoJsonLayer = new google.maps.Data();
var newFeature = geoJsonLayer.addGeoJson(data);
var newGeometry = newFeature[0].getGeometry();

// If the geoJson represents a polygon (I get this info from DB) I draw the polygon
if (retZones["TypeGeometry"] == "Polygon") {
    var shape = [];
    for (var i = 0; i < newGeometry.getLength(); i++) {
        var shapeData = newGeometry.getAt(i).getArray();
        shape.push(shapeData);
    }

    var newShape = new google.maps.Polygon({
        paths: shape,
        fillColor: '#ffff00',
        fillOpacity: 0.4,
        strokeWeight: 2,
        clickable: true,
        zIndex: 1,
        editable: false
    });
}
// If the geoJson represents a circle I have to draw a circle
else if (retZones["TypeGeometry"] == "Circle") {
    var p1 = { lat: newGeometry.getAt(0).getArray()[0].lat(), lng: newGeometry.getAt(0).getArray()[0].lng() };
    var p2 = { lat: newGeometry.getAt(0).getArray()[180].lat(), lng: newGeometry.getAt(0).getArray()[180].lng() };
    var c = ; // How to compute the center?
    var r = google.maps.geometry.spherical.computeDistanceBetween(p1, p2) / 2;

    var newShape = google.maps.Circle({
        center: c,
        radius: r,
        fillColor: '#ffff00',
        fillOpacity: 0.4,
        strokeWeight: 2,
        clickable: true,
        zIndex: 1,
        editable: false
    });
}

I have a geoJson for a polygon which represents a circle and I need to draw a circle from the polygon geometry.

I get the geoJson from a DB and I can draw the polygon but if the geoJson was made from a circle I need to draw a circle instead of a polygon.

Update:
I found a way to compute the radius, now I need just a way to compute the coordinate for center.

var geometry = JSON.parse(retZones["GeoJSON"]);
var data = {
    type: "Feature",
    geometry
};

var geoJsonLayer = new google.maps.Data();
var newFeature = geoJsonLayer.addGeoJson(data);
var newGeometry = newFeature[0].getGeometry();

// If the geoJson represents a polygon (I get this info from DB) I draw the polygon
if (retZones["TypeGeometry"] == "Polygon") {
    var shape = [];
    for (var i = 0; i < newGeometry.getLength(); i++) {
        var shapeData = newGeometry.getAt(i).getArray();
        shape.push(shapeData);
    }

    var newShape = new google.maps.Polygon({
        paths: shape,
        fillColor: '#ffff00',
        fillOpacity: 0.4,
        strokeWeight: 2,
        clickable: true,
        zIndex: 1,
        editable: false
    });
}
// If the geoJson represents a circle I have to draw a circle
else if (retZones["TypeGeometry"] == "Circle") {
    var p1 = { lat: newGeometry.getAt(0).getArray()[0].lat(), lng: newGeometry.getAt(0).getArray()[0].lng() };
    var p2 = { lat: newGeometry.getAt(0).getArray()[180].lat(), lng: newGeometry.getAt(0).getArray()[180].lng() };
    var c = ; // How to compute the center?
    var r = google.maps.geometry.spherical.computeDistanceBetween(p1, p2) / 2;

    var newShape = google.maps.Circle({
        center: c,
        radius: r,
        fillColor: '#ffff00',
        fillOpacity: 0.4,
        strokeWeight: 2,
        clickable: true,
        zIndex: 1,
        editable: false
    });
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

盛装女皇 2025-01-23 05:06:06

我发现了这个解决方案,它似乎有效。如果有人有更好的方法请告诉我。

var ns = newGeometry.getAt(0).getArray().length;
var N = 0;
var E = Math.round(ns / 4);
var S = E * 2;
var W = E * 3;
var p1 = { lat: newGeometry.getAt(0).getArray()[N].lat(), lng: newGeometry.getAt(0).getArray()[N].lng() };
var p2 = { lat: newGeometry.getAt(0).getArray()[S].lat(), lng: newGeometry.getAt(0).getArray()[S].lng() };
var p3 = { lat: newGeometry.getAt(0).getArray()[E].lat(), lng: newGeometry.getAt(0).getArray()[E].lng() };
var p4 = { lat: newGeometry.getAt(0).getArray()[W].lat(), lng: newGeometry.getAt(0).getArray()[W].lng() };
var c = { lat: p2.lat - ((p2.lat - p1.lat) / 2) , lng: p4.lng - ((p4.lng - p3.lng) / 2) };
var r = google.maps.geometry.spherical.computeDistanceBetween(p1, p2) / 2;

I found out this solution and it seems to work. If someone have a better way please let me know.

var ns = newGeometry.getAt(0).getArray().length;
var N = 0;
var E = Math.round(ns / 4);
var S = E * 2;
var W = E * 3;
var p1 = { lat: newGeometry.getAt(0).getArray()[N].lat(), lng: newGeometry.getAt(0).getArray()[N].lng() };
var p2 = { lat: newGeometry.getAt(0).getArray()[S].lat(), lng: newGeometry.getAt(0).getArray()[S].lng() };
var p3 = { lat: newGeometry.getAt(0).getArray()[E].lat(), lng: newGeometry.getAt(0).getArray()[E].lng() };
var p4 = { lat: newGeometry.getAt(0).getArray()[W].lat(), lng: newGeometry.getAt(0).getArray()[W].lng() };
var c = { lat: p2.lat - ((p2.lat - p1.lat) / 2) , lng: p4.lng - ((p4.lng - p3.lng) / 2) };
var r = google.maps.geometry.spherical.computeDistanceBetween(p1, p2) / 2;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文