Vue2-腾讯地图--地图标记

最新推荐文章于 2024-11-28 15:08:49 发布

前端志茗

最新推荐文章于 2024-11-28 15:08:49 发布

阅读量993

点赞数

文章标签： javascript 前端 html vue

本文链接：https://blog.csdn.net/qq_56745273/article/details/130210095

版权

腾讯地图–地图标记

前期准备工作在腾讯地图--地图展示 一文中即可查看

带有显示多个标记与图文标记

<template>
  <div class="container">
    <el-button type="primary" @click="MultipleMark">显示多个标记</el-button>
    <el-button type="primary" @click="text">图文标记</el-button>
    <!-- 地图容器 -->
    <div id="map-mark"></div>
  </div>
</template>

<script>
export default {
   
  data(){
   
    return{
   
      map:null,
      longitude:39.916527,//经度
      latitude:116.397128,//纬度
    }
  },
  created(){
   
    
  },
  mounted(){