创建 html 以调用 Bing 地图

creating html to call Bing Maps

我继承了一些适用于 Bing Maps v6 的代码,所以我现在正尝试在 v8 中重现功能。作为初步尝试,我做了以下操作,但即使这样似乎也行不通。 (我试图遵循 https://social.technet.microsoft.com/wiki/contents/articles/34568.bing-maps-v6-3-to-v8-migration-guide.aspx 以及我在网上找到的其他各种位,但我在对 Bing 地图一无所知的情况下进入这个领域,所以我显然犯了错误很重要的方法,因为这没有结果。很高兴得到所有指导。

我省略了下面的 Bing 键,但除此之外,这是我尝试使用的代码。

<!DOCTYPE html>
<html>
    <head>
        <title>Title here</title>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
    </head>
    <body>         
        <div id='myMap' style='width: 100vw; height: 100vh;'></div>
        <script type='text/javascript'>
                var map;
                function loadMap() {
                    map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
                        credentials: 'BingKeyOmittedHereForSecurityPurposes'
                    });
                    map.Geocode('Jericho, VT', GeocodeCallback);
                }
                function GeocodeCallback(layer, results, places, hasMore, veErrorMessage) {
                // no idea what should be here
                }            
        </script>
        <script type='text/javascript' 
        src='https://www.bing.com/api/maps/mapcontrol?callback=loadMap' async defer></script>
    </body>
</html>

一旦我开始工作,我将添加 Pin 图和可能的方向,但我认为在开始幻想之前我应该​​先了解基础知识。

该地图没有地理编码功能,您必须使用搜索模块。 Bing Maps V7 及更高版本使用模块突破附加功能。与 V6 相比,这使得页面加载更轻,V6 将所有可能的功能都塞进了一个下载的文件中。

无论如何,这里有一个如何在 V8 中进行地理编码的示例。 https://github.com/Microsoft/BingMapsV8CodeSamples/blob/master/Samples/Search/Geocode.html

这里有一些资源可以帮助您完成迁移:

Bing Maps V8 code samples

Bing Maps V6.3 to V8 Migration Guide