SVG: 合并 切换 path fill,高德地图:自定义marker

SVG: 合并 切换 path fill,高德地图:自定义marker



//SvgMaps[type] 对应svg path
export default (props) => {
    const { styles, color = '#4D88FF', type = 'Electricity' } = props
    

    return  return `<svg width="53" height="53" viewBox="0 0 53 53">
        <g fill="#203255">
            <circle
                class=${styles.svg_circle}
                style="stroke: inherit; filter: none; fill: inherit"
                cx="26"
                cy="26"
                r="26"
            />
        </g>
        <svg
            x="12"
            y="12"
            width="26px"
            height="26px"
            viewBox="0 0 1024 1024" >
            ${SvgMaps[type]}
        </svg>
    </svg>`


};

//高德地图自定义标记
 lnglats.map((item: any) => {
        const marker = new AMap.Marker({
          map: iMap,
          position: item,
          // icon: preIcon
          content: SVG
 });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值