话不多说,首先你需要在百度地图里面申请自己的密钥.然后才能使用.
要实现html和vue页面的跳转你需要注意一点.你的html文件需要放在static静态文件的下面,这样才能实现跳转.以及你要实现的图片 ,(此时的图片应该是你在html页面实现的页面而不是vue的图片)如果你要在vue和html上都实现图片,那么你就需要在vue中的assets中都放上图片.
这应该是你的vue页面(我这个方法也是在这个博客里面找到的)
<div>
<h1>{
{msg}}</h1>
<a href="../../static/index3.html">tiao2</a>
<button @click="jhtml">条3</button>
</div>
</el-descriptions>
</template>
<script>
export default {
name:'',
data(){
return{
msg:'跳转也页面'
}
},
methods:{
jhtml(){
window.location.href="../static/index3.html"
}
}
}
这是html文件
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>车库信息</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!-- 百度地图密钥 -->
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=密钥"></script>
</head>
<body>
<div id="container"></div>
<ul class="drawing-panel" style="z-index: 99;">
<li class = "btn" onclick = "openEdit()">开启线/面/圆可编辑</li>
<li class = "