className
:
"A
Map.Marker"
dom
:
div.a
map-marker
hS
:
91795
type
:
"A
Map.Marker"
vI
:
{click: Array(1)}
zy
:
{width: 0, height: 0, size: Array(2), top: 0, left: 0, …}
_a
map_id
:
91795
_className
:
"a
map-marker"
_dragObjects
:
{sy: Array(2), hy: Array(2), ly: Array(2)}
_isTop
:
false
_opts
:
{
map: null, visible: true, offset: Array(2), anchor: 'top-left', rotate: 0, …}
_originOpts
:
{position: Array(2),
content: '\n\t\t\t <div style="position:relative; text…</div>\n\t\t\t </div>\n\t\t\t ', offset: t}
_position
:
(2) [106.381172, 38.566882]
_size
:
(2) [0, 0]
_style
:
{width: 0, height: 0, size: Array(2), position: 'absolute', top: 0, …}
CLASS_NAME
:
（…）打印marker// 自定义标记点样式
renderMarker: function(context) {
const markerData = context.data[0].originalData;
console.log('自定义标记点样式-context', context);
const marker = new A
Map.Marker({
position: [markerData.lng, markerData.lat],
content: `
<div style="position:relative; text-align:center;">
<img src="./img/flag.png"
style="width:40px; height:50px; display:block;">
<div style="position:absolute; bottom:-90%; left:0%; transform:translateX(-50%);
background: linear-gradient(180deg, rgba(227, 57, 59, 0.2) 0%, rgba(244, 124, 88, 0.2) 100%); padding:6px 0;
border-radius: 18px; white-space:wrap;
font-family:ShuHuiTi; font-size: 12px;font-weight: bold;
margin-top:5px;border: 2px solid #F47C58;color:#E4393C;width:80px;">
${markerData.title}
</div>
</div>
`,
offset: new A
Map.Pixel(-15, -40)
});
// 绑定聚合点点击事件
marker.on('click', async function(e) {
console.log(e, 'bbbbb');
sendMessageToUniApp({
type: 'markerClick',
center: e.lnglat
});
});
console.log('聚合点点',marker);
return marker
},
});只有一个默认图标，使用
map.add(marker);会添加图片和标题，使用return marker只有一个默认图标
扫一扫
821
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
