全国疫情新增病例_热门网络游戏_网页挂马_常德网站优化咨询电话

晋江论坛兔区

程序开发的步骤、网盟官方网站、永久使用、不限域名、特种作业操作证查询网上查询系统

大气ppt模板?

全国疫情新增病例_热门网络游戏_网页挂马_常德网站优化咨询电话

export default function MapTest() {const [map, setMap] = useState<AMap.Map>();const [mapZoom, setMapZoom] = useState(11); //地图缩放比例const [markers, setMarkers] = useState<AMap.Marker[]>([]);useEffect(() => {if (map) {map.remove(markers);const ms: AMap.Marker[] = Build_Markers(map, stations, "/image/black-dot.png", onMarkerClick);setMarkers(ms);}}, [map, mapZoom]);const Build_Markers = (map: AMap.Map, data: StationType[], iconUrl: string, onMarkerClick: (item) => void) => {const offset = new AMap.Pixel(0, 0);const labelOffset = new AMap.Pixel(-5, 0);const icon = new AMap.Icon({size: new AMap.Size(16, 16),image: iconUrl,imageSize: new AMap.Size(16, 16),});const markers: AMap.Marker[] = [];data.forEach(item => {const { JingDu, WeiDu, Label, Title, ShowLevel } = item;const marker = new AMap.Marker({map,position: [JingDu, WeiDu],anchor: "middle-right",icon,offset,label: {offset: labelOffset,content: `<div class="info">${Label}</div>`,direction: "right",},title: Title,zIndex: 100 - ShowLevel,extData: item,zooms: [9, 20],});marker.on("click", () => onMarkerClick(item));markers.push(marker);});return markers;}const onMarkerClick = (item) => {console.log(item);}const onMapLoad = (map) => {setMap(map);}const onMapZoom = (zoom) => {setMapZoom(zoom);}return (<div className="w-h-100" ><AMapContainer mapId="StationDistribution" onMapLoad={onMapLoad} onMapZoom={onMapZoom} /></div>); 公司邮箱签名模板邢台市人才网模板网站和定做ui设计工资一般多少管理的核心是什么小规模公司自学做账高端企业网站建站陕西疫情最新情况最新消息今天做商城网站的公司拍摄宣传片的流程简要岳阳网吧创建有限公司衡阳网站html代码大全完整带图带字网络营销话题讨论广告创意设计海报注册电商网店怎么注册手机网页端怎样加入网销平台动态网站需要学什么百度百科提交入口庆阳新闻网国有企业查询系统bilibili广告投放管理平台四川省住房与城乡建设厅官网青岛网站建设运营如何申请企业域名python 网站框架网站广告推广平台cg资源网一手货源批发网站

猜你喜欢

  • 友情链接:
  • 云建站精品模版 天津推广平台 开一个设计工作室需要什么 劳务公司logo设计图片 介绍自己公司的范文 表情包在线制作一键生成