谷歌地图API将多边形转换为圆形
我有一个代表圆的多边形的 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 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我发现了这个解决方案,它似乎有效。如果有人有更好的方法请告诉我。
I found out this solution and it seems to work. If someone have a better way please let me know.