VSCode使用百度地图组件

注册百度ak

注册百度ak就不说了，官网将得非常清楚。以下是官网注册教程：

链接: https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getkey

npm安装

npm install --save vue-baidu-map

引入百度地图组件

在main.ts文件中引入

Vue.use(BaiduMap, {
    
    
  // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
  ak: '自己注册的ak'
})

在页面中插入地图

<template>
	// :center也可以是地名
	<baidu-map class="map"
	  :center="{lng: 116.404, lat: 39.915}"
	  :zoom="14"
	  :scroll-wheel-zoom="true"
	</baidu-map>
</template>