仔细上图中红框中的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'...
或者向已创建好的 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...
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') //获取某...
量,适于雪碧图等imageSize:newAMap.Size(40,50)// 根据所设置的大小拉伸或压缩图片});// 将 Icon 实例添加到 marker 上:varmarker=newAMap.Marker({position:newAMap.LngLat(116.405467,39.907761),offset:newAMap.Pixel(-10,-10),icon:icon,// 添加 Icon 实例title:'北京',zoom:13});map.add(marker);...
icon:newAMap.Icon({ image:"marker128.png", size:newAMap.Size(128, 128),//图标大小imageSize:newAMap.Size(64,64) }) });//添加点标记,并使用自己的iconnewAMap.Marker({ map: map, position: [116.321514,39.91289], icon:newAMap.Icon({ ...
GIS 组件通过地图的形式直观地展现数据项在地理上的分部,以地图上点标注( Marker )的颜色、大小等表示数据量。在可交互系统中,还可通过点击点标注弹出或跳转详情页面,或实现各种 LBS (基于位置的服务)。 GIS 组件往往位于主页面的中心位置,或作为整体背景,例如下图(来自阿里云 DataV 官网),其重要性可见一斑。
但是通常我们使用Icon类来设置marker的icon,因为icon的大小通常和默认marker的大小不一致,对于使用组合图片的开发的来说,这种当时是最合适的,可以通过imageOffset属性来调整图片的显示区域。 这是官方的Demo var icon = new AMap.Icon({ image : 'http://vdata.amap.com/icons/b18/1/2.png',//图片大小为24px...
}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) ...
marker = new AMap.Marker({ icon: icon, position: nposition, offset: new AMap.Pixel(-12, -12), zIndex: 101, title: provinces[i].name, map: map }); } else { var redicon = new AMap.Icon({ image: require(“../assets/red.png”), ...