百度地图api 的调用以及自定义点的图标.还有vue中html和vue页面互相跳转.以及点的点击事件.

最新推荐文章于 2024-06-03 11:58:31 发布

reamter

最新推荐文章于 2024-06-03 11:58:31 发布

阅读量1k

点赞数

文章标签： vue.js html 百度

本文链接：https://blog.csdn.net/reamter/article/details/123229766

版权

话不多说,首先你需要在百度地图里面申请自己的密钥.然后才能使用.

要实现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 = "

最低0.47元/天解锁文章

reamter

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
百度地图api 的调用以及自定义点的图标.还有vue中html和vue页面互相跳转.以及点的点击事件.

话不多说,首先你需要在百度地图里面申请自己的密钥.然后才能使用.要实现html和vue页面的跳转你需要注意一点.你的html文件需要放在static静态文件的下面,这样才能实现跳转.以及你要实现的图片 ,(此时的图片应该是你在html页面实现的页面而不是vue的图片)如果你要在vue和html上都实现图片,那么你就需要在vue中的assets中都放上图片.这应该是你的vue页面(我这个方法也是在这个博客里面找到的)<div> <h1>{{msg}}</
复制链接

扫一扫