腾讯地图换标签

 // 初始化

      this.markerLayer = new TMap.MultiMarker({

        map: this.map,

        styles: {

          //创建一个styleId为"myStyle"的样式(styles的子属性名即为styleId)

          carimg: new TMap.MarkerStyle({

            width: 35, // 点标记样式宽度(像素)

            height: 35, // 点标记样式高度(像素)

            src: this.carin, //图片路径

            //焦点在图片中的像素位置,一般大头针类似形式的图片以针尖位置做为焦点,圆形点以圆心位置为焦点

            anchor: { x: 16, y: 32 }

          }),

          updataGeo: new TMap.MarkerStyle({

            width: 35, // 点标记样式宽度(像素)

            height: 35, // 点标记样式高度(像素)

            src: this.caron, //图片路径

            //焦点在图片中的像素位置,一般大头针类似形式的图片以针尖位置做为焦点,圆形点以圆心位置为焦点

            anchor: { x: 16, y: 32 }

          }),

          hospital: new TMap.MarkerStyle({

            width: 35, // 点标记样式宽度(像素)

            height: 35, // 点标记样式高度(像素)

            src: this.hospital, //图片路径

            //焦点在图片中的像素位置,一般大头针类似形式的图片以针尖位置做为焦点,圆形点以圆心位置为焦点

            anchor: { x: 16, y: 32 }

          })

        },

import carin from '@/carin.png'

import carimg from '@/cares.png'

import endimg from '@/end.png'

import startimg from '@/start.png'

import caron from '@/caron.png'

import hospital from '@/hospital.png'

 carimg: carimg, //行驶车

      endimg: endimg, //终点

      startimg: startimg, //起点

      carin: carin,

      caron: caron,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
腾讯地图marker腾讯地图API中的一个功能,用于在地图上标记特定的位置。根据引用,在使用腾讯地图marker之前,需要先引入腾讯地图的JavaScript API,并初始化地图对象。可以通过调用TMap.Map()方法创建地图对象,并设置中心点坐标、缩放级别和视图模式。 根据引用,可以异步引入腾讯地图SDK,需要封装一个初始化方法,该方法会判断是否已经加载了SDK,如果已加载,则直接返回;如果未加载,则通过动态创建script标签来异步加载SDK,并在地图加载完成后触发回调函数。 在使用腾讯地图marker之前,可能需要获取地点的经纬度信息。根据引用,可以通过调用腾讯地图的地点和经纬度API来实现。例如,在获取地点的接口中,可以使用GET请求,将关键词和申请的key作为参数,通过发送请求获取地点信息;在获取经纬度的接口中,也可以使用GET请求,将经纬度和申请的key作为参数,通过发送请求获取经纬度信息。 综上所述,腾讯地图marker的使用需要先引入腾讯地图的JavaScript API,并初始化地图对象。然后可以使用腾讯地图的地点和经纬度API来获取地点信息和经纬度信息。最后,可以通过调用地图对象的marker相关方法来在地图上标记特定的位置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [记录在Vue项目里面使用腾讯地图](https://blog.csdn.net/m0_60835161/article/details/123833185)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [腾讯位置服务+element-ui 实现地址搜索&marker标记功能](https://blog.csdn.net/weixin_45628602/article/details/111661342)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值