使用 Mapbox 静态 api 绘制多边形

Question

message: "Invalid GeoJSON"尝试将多边形添加到 Mapbox api 上的静态地图时， 我不断收到错误。

在下面的地图上：

https://api.mapbox.com/v4/mapbox.streets/geojson(%7B%22type%22%3A%22Feature%22%2C%22properties%22%3A%7B%7D%2C%22geometry%22%3A %7B%22type%22%3A%22LineString%22%2C%22坐标%22%3A%5B%5B-120.8492%2C39.4916%5D%2C%5B-120.8474%2C39.4896%5D%2C%5B-120.8510 %2C39.4864%5D%2C%5B-120.8492%2C39.4916%5D%5D%7D%7D),引脚-s-1+f44(-120.849200,39.491600,13),引脚-s-2+f44( -120.847400,39.489600,13),pin-s-3+f44(-120.851000,39.486400,13),geojson(%7B%22type%22%3A%22Feature%22%2C%22properties%22%3A%7B%22行程-宽度%22%3A4%2C%22笔画%22%3A%22%23ff4444%22%2C%22笔画不透明度%22%3A0.5%7D%2C%22几何%22%3A%7B%22类型%22%3A %22LineString%22%2C%22坐标%22%3A%5B%5B39.4916%2C%20-120.8492%5D%2C%5B39.4896%2C%20-120.8474%5D%2C%5B39.4864%2C%20 -120.8510%5D%2C%5B39.4888%2C%20-120.8496%5D%5D%7D%7D)/-120.849600,39.488800,15/800x400.png?access_token=token

我的 LineString 示例用于勾画我想要绘制的多边形的边框：

geojson({"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[-120.8492,39.4916],[-120.8474,39.4896],[-120.8510,39.4864],[-120.8492,39.4916]]}})

如果尝试使用以下 geojson 对象将其转换为多边形：

geojson({"type":"Feature","properties":{},"geometry":{"type":"Polygon","coordinates":[[-120.8492,39.4916],[-120.8474,39.4896],[-120.8510,39.4864],[-120.8492,39.4916]]}})

它爆炸了：

https://api.mapbox.com/v4/mapbox.streets/geojson(%7B%22type%22%3A%22Feature%22%2C%22properties%22%3A%7B%7D%2C%22geometry%22%3A %7B%22类型%22%3A%22多边形%22%2C%22坐标%22%3A%5B%5B-120.8492%2C39.4916%5D%2C%5B-120.8474%2C39.4896%5D%2C%5B-120.8510 %2C39.4864%5D%2C%5B-120.8492%2C39.4916%5D%5D%7D%7D),引脚-s-1+f44(-120.849200,39.491600,13),引脚-s-2+f44( -120.847400,39.489600,13),pin-s-3+f44(-120.851000,39.486400,13),geojson(%7B%22type%22%3A%22Feature%22%2C%22properties%22%3A%7B%22行程-宽度%22%3A4%2C%22笔画%22%3A%22%23ff4444%22%2C%22笔画不透明度%22%3A0.5%7D%2C%22几何%22%3A%7B%22类型%22%3A %22LineString%22%2C%22坐标%22%3A%5B%5B39.4916%2C%20-120.8492%5D%2C%5B39.4896%2C%20-120.8474%5D%2C%5B39.4864%2C%20 -120.8510%5D%2C%5B39.4888%2C%20-120.8496%5D%5D%7D%7D)/-120.849600,39.488800,15/800x400.png?access_token=token

有人能看到我做错了什么吗？我在查找使用静态 api 绘制多边形的任何示例时遇到问题，但静态 api 文档说这是可能的。

谢谢。

Answer 1

您的geojson字符串无效。您错过了坐标周围的两个方括号。这是一个有效的公式。

geojson({
            "type": "Feature",
            "properties": {},
            "geometry": {
                "type": "Polygon",
                "coordinates": [[[-120.8492, 39.4916], [-120.8474, 39.4896], [-120.8510, 39.4864], [-120.8492, 39.4916]]]
            }
    })

如果您想使用多边形生成静态地图，则相应的 API 调用将类似于

https://api.mapbox.com/v4/mapbox.satellite/geojson(%7B%0A%20%20%20%20%22type%22%3A%20%22Feature%22%2C%0A%20%20 %20%20%22属性%22%3A%20%7B%7D%2C%0A%20%20%20%20%22几何%22%3A%20%7B%0A%20%20%20%20%20 %20%20%20%22类型%22%3A%20%22多边形%22%2C%0A%20%20%20%20%20%20%20%20%22坐标%22%3A%20%5B%5B %5B-120.8492%2C%2039.4916%5D%2C%20%5B-120.8474%2C%2039.4896%5D%2C%20%5B-120.8510%2C%2039.4864%5D%2C%20%5B-120.8492%2C%2039。 4916 %5D%5D%5D%0A%20%20%20%20%7D%0A%7D)/-120.8492,39.4890,15/600x300@2x.png?access_token= {{your_access_token}}

你可以在这个网站上尝试一下http://staticmapmaker.com/mapbox/