修改腾讯地图标记点的默认样式
// 2-初始化几何图形及编辑器
marker = new TMap.MultiMarker({
map: map,
styles: {
// 默认展示的样式设置(与下面设置的需要一致)
"marker": new TMap.MarkerStyle({
"width": 25,
"height": 35,
"src":'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png'
}),
// 编辑被选中的样式设置(与下面设置的需要一致)
"highlight": new TMap.MarkerStyle({
"src": "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/marker-pink.png"
})
},
geometries: [{ //点标注数据数组
"styleId": 'marker',
"position": new TMap.LatLng(39.984104, 116.307503),
}, {
"styleId": 'marker',
"position": new TMap.LatLng(39.984104, 116.337503),
}, {
"styleId": 'marker',
"position": new TMap.LatLng(39.984104, 116.367503),
}]
});
// 初始化几何图形及编辑器
const editor = new TMap.tools.GeometryEditor({
map, // 编辑器绑定的地图对象
overlayList: [{
overlay: marker, // 可编辑图层
id: "marker",
selectedStyleId: "highlight" // 被选中的marker会变为高亮样式
}],
actionMode: TMap.tools.constants.EDITOR_ACTION.INTERACT, // 编辑器的工作模式
activeOverlayId: "marker", // 激活图层
selectable: true
});