bingMap在vue项目中的使用详解_TMapvue资源-CSDN文库

167 浏览量 2020-12-10 03:15:33 上传评论 1 收藏 237KB PDF 举报

资源推荐

资源详情

资源评论

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('mapRightClick'); });

Microsoft.Maps.Events.addHandler(map, 'mousedown', function () { highlight('mapMousedown'); });

Microsoft.Maps.Events.addHandler(map, 'mouseout', function () { highlight('mapMouseout'); });

Microsoft.Maps.Events.addHandler(map, 'mouseover', function () { highlight('mapMouseover'); });

Microsoft.Maps.Events.addHandler(map, 'mouseup', function () { highlight('mapMouseup'); });

Microsoft.Maps.Events.addHandler(map, 'mousewheel', function () { highlight('mapMousewheel'); });

//Add addition map event handlers

Microsoft.Maps.Events.addHandler(map, 'maptypechanged', function () { highlight('maptypechanged'); });

bing Map 添加图钉（详情）

基本图钉示例基本图钉示例

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余5页未读，立即下载

内容反馈

weixin_38748875

粉丝: 10
资源: 951

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip