或者向已创建好的 Marker 添加 Icon:marker.setIcon(icon); 于是我通过以下方式重置了marker: constnewIcon=newAMap.Icon({size:newAMap.Size(52,26),// 图标尺寸image:!marker.vehicle.idle?iconCar:iconCarGray,// Icon的图像imageSize:iconMeta.size,// 根据所设置的大小拉伸或压缩图片})marker.setIcon(new...
仔细上图中红框中的marker表示:红色为默认原点为'top-left'(achor的默认值),蓝色的方框为Icon(官网demo中icon尺寸为20*34),需要将Icon的下边的尖儿移到achor(0,0)的位置,Icon需要向右移动10,向上移动34,所以offset默认为new AMap.Pixel(-10,-34),解释请看下图: 解决方法1: achor使用api默认值('top-left'...
icon:'XXX.png', position:[lng,lat] }) map.add(marker) //添加一个覆盖物 map.remove(marker) //移除一个覆盖物 map.add([marker,marker]) //添加多个覆盖物 map.remove([marker,marker]) //移除多个覆盖物 map.clearMap() //清除地图上所有添加的覆盖物 map.getAllOverlays('marker') //获取某...
resizeEnable:true, zoom:11});//添加点标记,并使用自己的iconnewAMap.Marker({ map: map, position: [116.47395,39.986058], icon:newAMap.Icon({ image:"marker128.png", size:newAMap.Size(128, 128),//图标大小imageSize:newAMap.Size(64,64) }) });//添加点标记,并使用自己的iconnewAMap.Marker(...
markerSelected.setIcon(iconNormal); } select(e); }; AMap.event.addListener(map, 'touchend', touchMap); markers.forEach((marker) => { AMap.event.addListener(marker, 'touchend', touchMarker); }); 其中消息的发送通过 Webview 的window.postMessage(),在 React Native 组件中通过onMessage参数设置...
但是通常我们使用Icon类来设置marker的icon,因为icon的大小通常和默认marker的大小不一致,对于使用组合图片的开发的来说,这种当时是最合适的,可以通过imageOffset属性来调整图片的显示区域。 这是官方的Demo var icon = new AMap.Icon({ image : 'http://vdata.amap.com/icons/b18/1/2.png',//图片大小为24px...
自定义marker后,会因为地图默认使用3d的造成实际位置偏移。 越缩放越明显,需要offset处理下。 常用在自定义图标和替换当前位置上。 image.png letmarker=newAMap.Marker({offset:newAMap.Pixel(-10,-14),// 图大小决定类似 tranformcss 一半title:item.name,position:item.arr,//位置icon:newAMap.Icon({image:...
}letarr = []//循环创建marker对象this.state.datalist.map(i=>{varmarker1 =newAMap.Marker({icon: obj[i.icon],position: i.position,title:i.title,zoom:i.zoom, }); marker1.setLabel({content:i.content,offset:newAMap.Pixel(-20,28) ...
var marker = new AMap.Marker({ icon: new AMap.Icon({ size:new AMap.Size(36,42),//图标⼤⼩ image:"/img/loc.png"}),//这⾥⽤/img/loc.png图⽚的left:18;top:38指向坐标 offset: new AMap.Pixel(-18,-38),position: map.gaode.map.getCenter(),draggable:true//点标记可拖拽 })...