地图标点主要用到了点标记MultiMarker
参考文档:https://lbs.qq.com/webApi/javascriptGL/glGuide/glMarker
MultiMarker 初始化定义分为三个部分:
a.地图容器设置(map):地图API支持在同一页面创建多个地图实例,该参数用来指定点标记显示在哪张地图上
b.marker样式设置(styles):可定义多个样式,每个样式有一个样式id
c.marker点标记数据数组(geometries):数组每一项为一个点标记,点标记数据包括该点坐标、样式id以及自定义的数据属性
1.使用MultiMarker
<script>
multiMarker() {
// 图标
this.markerLayer = new TMap.MultiMarker({
map: this.map,
styles: {
myStyle: new TMap.MarkerStyle({
width: 25,
height: 35,
anchor: { x: 16, y: 32 }
})
},
geometries: this.geometriesList
});
},
</script>