腾讯地图换标签

腾讯地图换标签

 // 初始化

      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,