鸿蒙花瓣地图,动态更改option的market,不生效,这个是为什么?this.nearbylists = this.nearbylists.map((item, index) => ({
// ...item,
// id: Number(item.id),
// title: item.join_type == 6 || item.join_type == 8 ?
// item.NearbyStoreDetail.car_name : item.organization_name,
// address: item.province item.city item.district item.address,
longitude: Number(item.lnt),
latitude: Number(item.lat),
// height: 30,
iconPath:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKaADAAQAAAABAAAAKQAAAADj6KZlAAAKTElEQVRYCXWZTahdVxXH9znnvq/4akJak2pr07yaENsSqEkhVEqDA3USaUeBijMHhaKjQkDEgRMJBCdSEA34UVAEvzADHVipiCJatYQqz9CkJlLTtJiPvry83HfvPdv/b629zjlP627O2Xuv9V9r/ffaH2e/2yr9n3LwubVd7Vx9LOV8NKVqJVV5j6A79CzoGenZUnLe0k10K/2Xi8KqCkw1Vft2VeUbKVcX9VwQ6KXN1J45f qOt7Z68Z6ZDRUHn8vvyXO3TuaUPys5hN61DEk5IWAiRSVlR6ojj04d6xPWembj4DSucnV6vtp24uypah03UbaQfPgLNw/K9gdSHggANQGrgnRyJUhHwNGuG1q6UWTTB5E9w bXHWzJeEqrdZWO//3U8tnw1JEsBH8vxRLKIDYMbG3nV xLdqwnRQH3Nq4fkgii1FY6p RWxV8b0zodeb0QNSRT3M6tvyzIgWEALLo qSwO 8xYmB5j002mKCLYG5ukS7wapjOg4xgIxW3UrqrVbfXSYaa NgVrMAdBjIxeas0r2VBfHZPrRe0ZcawTwsbl2Dm24NRpza73Yesn9wQhh00MTv0DN6e3TpqEXTwbVZfUWXAQYg/C4D7 0Ch9ZG d5htGJ0cICxAyG5spvfjXWfrLP1qJnSYEamGfPDSXVnZVaSRbGzDk5RvC9Nc2cvrFK7N08d/FrugVoQxYm2nU3jea1PWxKucFgxWsZymnrz69mB7fV6eZ5DjlCUhuGYqKPD55aJS /ZtJ savJiYYSfatZ5bSyl2V2wprtsU xoKvpx4dpS//aJJ e27mg9cAkRfMQp7Ux2r1jppAqfdUA8jp0fub9Pj Ok0UYCJ7nin1NPuj9qbYb6o/1vP0Y3NpeUE FOHTj43SXhHEdizetyc6GHmEox6X/nhTGZWfz31yTrEpvny6BEjS5uroKGcd1M7d3rGAH7lfGSwZmFKXtg5fwzFlFDLE8Jo6p/27q/Snizk9cHftA9IgGNxMj8wtO Ap KNgu6zTWMdOIg59IxuOc14Z ZfEF7ApjUJK85ozSBpR1TgovEQsNoA7FQcj0YyYmJntCUiQeQjGIAs/I2gTh0CsKmFlangfREFS5bSHTO7w7VCIsiZEwogQ3NrIepLRxgfrVXvESM6IoH/TqcvV7NYkbVMDoaOnwC2L9G2aRdr0gnipto kWzQDXhoWAX1Kg5jvTAyDeAQwJ8jV0GyLkWyoStbJpg1Iso6g2mCiz/EbSwm5Po0F4WyVwMWRzr/GzyzpVHSQFC9eGTl5jGBWA8Ej Khpa4RkAxHyIGIkAKsYcdVh7/6KEyWJRJgDfLl4RCYte37GMQrPhukLXkInOewPZKwrHAcBMtuRCFzUxQdYim5D3WCCg jJAU69jOiA776vtib7TLRkUfoYYNQRJDLJ7mSa8TTU0baMFh Bd6/ul8/eTDycZAyQqF66e6GlmZQU3TsbAVEt2bsFCpklUph3biu0hLduF1vJLKMCQDaya2ubODzSsfs3dXZqE/fCcCFMbYHIQKS3OP75K9OSmeJL9uE3xkKfQvDrt1K68CaYKv36b1PDgmNjBDnDusbt9IbW6ht8UmlRPKM2g8Yla1OWSFQsekjj58qNnL70w8001jnXaD6YTj7fXS0YfXTXdEU98b2xBuWZ/MP5nL754sQOcvCcgfY02fDYmK3O4vNv53TyZxqUiECMx6lDVk2RrvZ ft2adKMRxJERZPeOKs1pYTAIdQ3IwPXJSuvjnK6uueNY OGpkfH73gtBNiMEZK/U2nS3Vbop27XBsoq4XhefsrPdHUoIWNuYeNo5rP911Q1MaRuL9QNhQkdxTBBlmvniXL42QFjT zlObovptpaBjkCfSX1xCOKELFwhQZssPvuJ fSArlu1psgOacmZEcyIs6EF/ fX2vTjP ozY8V9zWkqH7ynSjuXG5vi2Lk Fzio7GJy7nJOl6/jy/ scC7uCRsyb7s7Rk9tCmHI0XeeXUz77tY3PL6/ I4HDExVPrqvSR/6QJ1O/lSXSxXuj08dbtK9d/ItB2RTY7rhC92hlZTOvDxL5y6X/RAA883SULLiaHCCjmBMT3y4SftFcKIEcRWzKxnXrHI1sysXbWR6PvZQk3Zsg3iV9r2/Tvfs7KcrvFIP40Ae k882NiAbUCQ0xPJoF3OyX6k7kTXLV27OL/8Dql7pNphGLVtRPlk/XETv/euOl3VPty KGHJngUWwD8WQzltSpW2a3AsLT/QjWOx9qVT1qRvBDPBIUFlRZY5VuyqpSm3axujFNCIYkBHpWn0grX sX7Rd8XFw27XDnsE/V7yE0AUzY RZHF6NIjh3e SNI0YZNU2FcgSNDLKsLkTtmpsnU6BS07cq0cxYhESCAUAldWOtlmQvabbiUE0hBZIjIAqtidInSA5rM2pdJWyBwAbD RxjQtC5F75e9CxwcJDjY57OJGATGpr6G8yiywJKL2Am7GcoSKT A1b23DRlw1yMhkAsBhYTbsU oQwP9ZwhScIfPiAg0qbpyKZx5As7Oy8cp1foSBoDrEobfrW1cu/IqrlG wWPI5KAW9GwaH0kcPVHfpsusxnRdrbXDB0lAqjyEZGJhwjdu0Cbd4VXE07zNU3MqxBhCpGTEDrF7xrSuyBn/AXemrUvuZpGWXJqBlRuq6NWF30qeunF7JX14RRoW36QsimXTLk leWAS3dhOy3sCptaG5Mj9hVUfW15GAQcAbPNBXh022VNI1e6/RSrdgXCIDAbHip/PLsLN3QLwycX7YpJEPl4 wbcm1H1mtXcnpDv0Sw M/pysahTzGfpVFcOznT uvVi8yie4cHUfzqZtk83yw/8sWdEn9qEN6cjLWdfneuTQ9/UD xzMGU0ZapVhdf9Pnj/9V/tukrP5kqI ZUP73kdElXsDt1A5rX QmWGxNnLp9YsjbVlNzSV/SsCJIQSGEdGweq1m7T16rdz gX3WlzSZL pxZHi5gaGmEZZBkhpuQPL55970vi/4q x5ElpwAESwJgbl68b7aDviHSOFfT orX9dPwG06beqCwdYf3 HuUDKbCrLST08QI7CbM1U sPBhOnXcrte7nD7kKZAvfeOQT9984Y63OIJTPVk6IeAqQONhFg42EtGX3taKOShkkcnIBqApM4L/EwwSTkBw82E25pd Pyg7r12 erNeOgHeSF55oVpvp 1xYTds6iBhzoAosN4YM Ih6Rh11Ki97Vgy1 mMSJCR3L5wEAybvq1QG7mtjyfxQmskaVz77vLZPGuPyLEyKmKWUv9UdTtNDvFpD 2C6QOJhDZTELPaMCErs4N/7AcPCPqCr qKfWT9 wvdb YdSUAQnZ8tHRb6eeHHFlwNSkxjl1FkCkafjMHFghq2tJEVQnHwD6fW/XbYsU6Q5zdGi4eHBMH4NqP1X2X5M2u7mjQ6JqdH66pa0XLbIxL8fxxuiw3B/FKy1RCiUAvX4KKNRkXnTdJf6Pal0wGULmjmX6qb6Rk2iUO2vv8DX5ftBRz5g3UAAAAASUVORK5CYII=",
// iconPath:'../../static/location.png',
// width: 30,
// callout: {
// content: ${item.join_type == 6 || item.join_type == 8 ? item.NearbyStoreDetail.car_name : item.organization_name}\n距离您${item.distance}km,
// bgColor: '#ffffff',
// color: '#D81616',
// display: index === 0 ? 'ALWAYS' : 'BYCLICK',
// padding: 5,
// borderRadius: 5,
// fontSize: 14,
// borderWidth: 1,
// borderColor: '#D81616',
// textAlign: 'center'
// }
}));
this.ismarkers = this.nearbylists;
// #ifdef APP-HARMONY
const mapContext = uni.createMapContext('map', this);
console.log('mapContext',mapContext)
mapContext.updateMarkers({
markers: this.ismarkers
});
// this.options.markers=this.ismarkers
console.log('ismarkers',this.ismarkers)
// #endif
1 个回复
Ask小助手 - Ask社区AI助手
根据您描述的问题,在鸿蒙平台上使用uni-app更新地图markers不生效,主要原因如下:
缺少唯一标识id:鸿蒙地图要求每个marker必须有唯一id属性用于识别更新。您的代码中未设置id字段,导致系统无法区分新旧标记点。
鸿蒙平台特殊实现:与App平台不同,鸿蒙地图的updateMarkers需要完整替换标记点集合,而非增量更新。建议先调用
mapContext.clearMarkers()清除现有标记,再通过mapContext.addMarkers()添加新标记。数据格式验证:请确认经纬度值是否为有效数字(Number类型),且iconPath的base64格式需符合鸿蒙规范。部分特殊字符可能导致解析失败。
API调用时机:确保在地图组件loaded事件触发后再调用更新方法,避免因地图未初始化完成导致操作失效。
解决方案:
建议参考uni-app鸿蒙地图文档确认最新API规范。当前uni-app x 4.86版本对鸿蒙地图支持更完善,建议升级HBuilderX至最新alpha版。
要回复问题请先登录或注册
公告
更多>相关问题