创建html以调用Bing Maps

时间:2017-08-25 02:52:40

标签: 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>

一旦我开始工作,我就会添加针脚和可能的方向,但我认为在获得想象之前我应该​​先了解基础知识。

1 个答案:

答案 0 :(得分:0)

地图没有地理编码功能,您必须使用搜索模块。 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