在Bing Maps API中绘制一个包含所有给定坐标的圆

问题描述

我有一组坐标，形式为

const locations = [{
               lat: 46.233226,lng: 6.055737
           },{
               lat: 46.2278,lng: 6.0510
           },{
               lat: 46.23336,lng: 6.0471
           }];

这是我用来绘制坐标的代码。

<!DOCTYPE html>
<html>

<head>
    <title>addmultiplelayeritemsHTML</title>
    <Meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <style type='text/css'>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            font-family: 'Segoe UI',Helvetica,Arial,Sans-Serif
        }
    </style>
</head>

<body>

    <div id='myMap' style='width: 100%; height: 100%;'></div>
    <script type='text/javascript'>
        function loadMapScenario() {
            var apiKey = "API KEY";
            var map = new Microsoft.Maps.Map(document.getElementById('myMap'),{
                credentials: apiKey
            });
            const locations = [{
                lat: 46.233226,lng: 6.055737
            },{
                lat: 46.2278,lng: 6.0510
            },{
                lat: 46.23336,lng: 6.0471
            }];
            locations.forEach((location) => {
                let marker = new Microsoft.Maps.pushpin(new Microsoft.Maps.Location(location.lat,location.lng));
                map.entities.push(marker);
            });

        }
    </script>
    <script type='text/javascript' src='https://www.bing.com/api/maps/mapcontrol?key=YourBingMapsKey&callback=loadMapScenario' async defer></script>
</body>

</html>

我想在Bing Map API中画一个包括所有这些点的圆。我想用HTML来做。

此外，我想生成连接这些点的多边形。我希望两者都作为不同的HTML页面。非常感谢您的帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

api api bing dictionary html javascript

在Bing Maps API中绘制一个包含所有给定坐标的圆

问题描述

解决方法

相关问答