1、创建项目
2、安装ol依赖
npm install ol
3、在index.html页面引入天地图
<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=d0cf74b31931aab68af181d23fa23d8d"></script>
<template>
<div>
<div id="map" class="map">
</div>
<button @click="change_img">切换影像底图</button>
<button @click="change_vec">切换街道底图</button>
<button @click="