bing Map 在vue项目中的使用

写在最前面

拥有全球数据库国内好像就只有百度地图有，高德、搜狗、腾讯的都不行，但是由于百度地图的数据更新不及时，所以在做相关项目要用到国外数据的时候，最好还是推荐使用bingMap。

bing Map 使用教程（基础）

参考文档： bing Map 官方教程

bing Map 初始化

• 引入bing map资源

<script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap&key=[YOUR_BING_MAPS_KEY]' async defer></script>

• 初始化地图

<div id="myMap"></div>

<script type='text/javascript'>
  function GetMap()
  {
    var map = new Microsoft.Maps.Map('#myMap');
    //Add your post map load code here.
  }
</script>

• 设置地图控制参数

  • 常用控制参数
    • branch
      • 加载地图sdk的哪个分支：release（默认）、experimental
    • callback
      • 地图控制脚本加载完成后的回调（默认：GetMap）
    • key
      • 用户使用的userKey（详情）
    • setLang
      • 指定用于地图标签和导航控件的语言
      • 常用：中国大陆（zh-CN）、中国香港（zh-HK）、简体中文（zh-Hans）、中国台湾（zh-TW）、英文-英国（en-GB）、英文-美国（en-US）
    • setMkt（详情）
    • UR（详情）

• 给bing map添加地图事件（参考）

  //  核心代码-demo
  Microsoft.Maps.Events.addHandler(你的地图名称, 触发地图事件名称, function() { 触发的事件 });

  // 常用实例
  //Add view change events to the map.
  // 视图更改事件
  Microsoft.Maps.Events.addHandler(map, 'viewchangestart', function () { highlight('mapViewChangeStart'); });
  Microsoft.Maps.Events.addHandler(map, 'viewchange', function () { highlight('mapViewChange'); });
  Microsoft.Maps.Events.addHandler(map, 'viewchangeend', function () { highlight('mapViewChangEnd'); });

  //Add mouse events to the map.
  // 鼠标事件
  Microsoft.Maps.Events.addHandler(map, 'click', function () { highlight('mapClick'); });
  Microsoft.Maps.Events.addHandler(map, 'dblclick', function () { highlight('mapDblClick'); });
  Microsoft.Maps.Events.addHandler(map, 'rightclick', function () { highlight('