Bing Maps-----微软

最新推荐文章于 2023-02-05 20:57:49 发布

小锋锋~wyf

最新推荐文章于 2023-02-05 20:57:49 发布

阅读量1.5k

点赞数 1

分类专栏： api 文章标签： bing 微软

本文链接：https://blog.csdn.net/adminWangyaofeng/article/details/55804529

版权

api 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Bing Maps

Bing Maps是微软公司推出的Bing服务中线上地图服务。

使用它，可以在网络浏览器中观察到世界上的每一个角落。它的原名叫做”MSN Virtual Earth”，在微软推出了 Windows Live 后它被改进后更名为Live Search Maps并整合到了 Windows Live 产品系列中。现在，它作为Bing搜索引擎的一部分提供，并于2009年12月3日发布了一个新的测试版本。
Bing Maps是微软公司推出的Bing服务中线上地图服务。使用它，可以在网络浏览器中观察到世界上的每一个角落。它的原名叫做“MSN Virtual Earth”，在微软推出了 Windows Live 后它被改进后更名为Live Search Maps并整合到了 Windows Live 产品系列中。现在，它作为Bing搜索引擎的一部分提供，并于2009年12月3日发布了一个新的测试版本。

一般功能

Bing Maps的工作原理类似Google Maps、Google Earth、Mapquest和Yahoo! Maps，可以逐级地改变地图的比例尺，并提供矢量地图和卫星地图这两种常见的显示模式。Live Search Maps中只有美国地区拥有最详尽的矢量地图和最清晰的卫星地图，其他地区的地图不是很详尽甚至是错误的。例如有些国家被误列为一个地区而非国家。同时，它也提供了驾车服务，不过仅限于北美地区。这些和上述的四种在线地图服务大同小异。

案例：

<script type="text/javascript">
        //获取经纬度
        var jingdu = document.getElementsByName('jingdu')[0].value;
        var weidu = document.getElementsByName('weidu')[0].value;
        var map = null;
        var searchManager = null;
        //显示地图
        function getMap()
        {
          var bussiness = "train station";
          map = new Microsoft.Maps.Map(document.getElementById('myMap'), {credentials: 'Ai9T-Bz3s5G6XdBM4xgcF6IwVm73uOeRHTkybtHbIDVajr8CbsoEbrhq-oDov-LF'});
          //自动加载事件
          Microsoft.Maps.loadModule('Microsoft.Maps.Search', { callback: reverseGeocodeRequest });
          //Microsoft.Maps.loadModule('Microsoft.Maps.Search', { callback: searchRequest(bussiness) });
        }
        //创建搜索
        function createSearchManager() 
        {
            map.addComponent('searchManager', new Microsoft.Maps.Search.SearchManager(map)); 
            searchManager = map.getComponent('searchManager'); 
        }
        //显示附近的业务
        function reverseGeocodeRequest() 
        { 
            createSearchManager(); 
            var userData = { name: 'Maps Test User', id: 'XYZ' }; 
            map.setView({zoom: 10}); 
            var request = 
            { 
                  location: new Microsoft.Maps.Location(jingdu,weidu), 
                  callback: onReverseGeocodeSuccess, 
                  errorCallback: onReverseGeocodeFailed, 
                  userData: userData 
            }; 
            searchManager.reverseGeocode(request);  
        } 
        function onReverseGeocodeSuccess(result, userData) 
        { 
            if (result) 
            { 
                map.entities.clear(); 
                var pushpin = new Microsoft.Maps.Pushpin(result.location, null); 
                map.setView({ center: result.location, zoom: 10 }); 
                map.entities.push(pushpin); 
            } 
            else 
            { 
                alert('no Location found, try panning map'); 
            } 
        } 
        function onReverseGeocodeFailed(result, userData) 
        { 
            alert('Rev geocode failed'); 
        }
        function createSearchManager() 
        {
            map.addComponent('searchManager', new Microsoft.Maps.Search.SearchManager(map)); 
            searchManager = map.getComponent('searchManager'); 
        }
        //搜索内容
        function searchRequest(business) 
        { 
            createSearchManager(); 
            var what = business; 
            var userData = { name: 'Maps Test User', id: 'XYZ' }; 
            var where = 'boston, ma'; 
            var request = 
            { 
                what: what, 
                where: where, 
                count: 10, 
                startIndex: 0, 
                bounds: map.getBounds(), 
                callback: search_onSearchSuccess, 
                errorCallback: search_onSearchFailure, 
                userData: userData 
            }; 
            searchManager.search(request); 
        } 
        function search_onSearchSuccess(result, userData) 
        { 
            map.entities.clear(); 
            var searchResults = result && result.searchResults; 
            if (searchResults) { 
               for (var i = 0; i < searchResults.length; i++) { 
                   search_createMapPin(searchResults[i]); 
               } 
               if (result.searchRegion && result.searchRegion.mapBounds) { 
                   map.setView({ bounds: result.searchRegion.mapBounds.locationRect }); 
               } 
               else 
               { 
                   alert('No results returned, Please try after sometime.'); 
               } 
            } 
        }
        function search_createMapPin(result) 
        { 
            if (result) { 
               var pin = new Microsoft.Maps.Pushpin(result.location, null); 
               Microsoft.Maps.Events.addHandler(pin, 'click', function () { search_showInfoBox(result) }); 
               map.entities.push(pin); 
            } 
        }
        function search_showInfoBox(result) 
        { 
            if (currInfobox) { 
               currInfobox.setOptions({ visible: true }); 
               map.entities.remove(currInfobox); 
            } 
            currInfobox = new Microsoft.Maps.Infobox( 
               result.location, 
               { 
                   title: result.name, 
                   description: [result.address, result.city, result.state, result.country, result.phone].join(' '), 
                   showPointer: true, 
                   titleAction: null, 
                   titleClickHandler: null 
             }); 
             currInfobox.setOptions({ visible: true }); 
             map.entities.push(currInfobox); 
        }
        function search_onSearchFailure(result, userData) 
        { 
             alert('Search failed'); 
        } 
        //附近各种业务
        $(document).on("click",".Span span",function(){
               var date = $(this).attr("data-type");
               var business1 = "train station";
               var business2 = "school";
               var business3 = "Supermarket";
               if(date==1){
                   Microsoft.Maps.loadModule('Microsoft.Maps.Search', { callback: searchRequest(business1) });
              } else if(date==2){
                  Microsoft.Maps.loadModule('Microsoft.Maps.Search', { callback: searchRequest(business2) });
              }else{
                  Microsoft.Maps.loadModule('Microsoft.Maps.Search', { callback: searchRequest(business3) });
              }
        });
        $(function(){
             $('.Span span').click(function(){
                 $('.Span span').removeClass('on');
                 $(this).addClass('on');
             });
        });
    </script>

特色功能

鸟瞰视角
最大的特色在于45°鸟瞰（bird’s eye）的视角。这是不同于矢量地图和卫星地图的第三种显示模式。使用鸟瞰模式，最大可以查看到20码距离的图片，这和从楼房的5、6层窗外看到的景色差不多。正是这样的特色，使得Live Search Maps一经推出便吸引了大众的注意。目前拥有鸟瞰视角的城市并不是很多，但是微软正在不断地扩充它。新版的鸟瞰视图已经稍作更改，开始以稍有不同的角度去显示地图，以求更好的显示效果
驾车行驶
Bing Maps提供身临其境的驾车行驶服务。目前只有美国的西雅图和旧金山两座城市拥有这一服务。使用该服务，用户可以模拟在马路上开车的情形。
3D地图
       美国 Redmond、Beaverton、Portland、Yonkers、Cheektowaga、Niagara、旧金山、San Jose、西雅图、波士顿、费城、洛杉矶、拉斯维加斯、底特律、凤凰、休士顿、Baltimore、亚特兰大、Denver、Dallas-Fort Worth、Buffalo、纽约市、Austin、Cincinnati、Indianapolis、Joliet (Illinois)、Naperville、Cape Coral、Tampa、Savannah、好莱坞（佛罗里达州）、Oceanside（佛罗里达州）及迈阿密。
       加拿大 Calgary, Levis-St. Romuald, Niagara、渥太华、Aurora……
       英国 Brighton, Northampton, Swindon……
       中国北京,成都……
       其他地方 La Jolla, La Mesa, Miramar……

参考资料

效果图：https://yangfd.com/property-to-rent/586de479bd773203dbd7805a （此效果图仅为参考）
文档：https://www.bingmapsportal.com/ISDK/AjaxV7#SpatialDataServices （此文档为英文文档，需翻译后可看）

小锋锋~wyf

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Bing Maps-----微软

Bing Maps Bing Maps是微软公司推出的Bing服务中线上地图服务。使用它，可以在网络浏览器中观察到世界上的每一个角落。它的原名叫做”MSN Virtual Earth”，在微软推出了 Windows Live 后它被改进后更名为Live Search Maps并整合到了 Windows Live 产品系列中。现在，它作为Bing搜索引擎的一部分提供，并于2009年
复制链接

扫一扫