场景图

说明：如图中的多备选路线标签是通过卡片生成的动态纹理。

时序图

前序文档

xml布局文件实现

卡片纹理管理器获取

后序文档

卡片纹理销毁

关键参数

动态纹理参数

com.autonavi.gbl.card.model.CustomTextureParam

成员	含义
markerKey	决定纹理ID的关键参数,该参数不同会重新生成纹理数据
attrs	自定义纹理其他属性
updateList	需要更新的信息

核心接口

添加图元

boolean com.autonavi.gbl.map.layer.BaseLayer.addItem(LayerItem item)

纹理ID获取监听回调

int com.autonavi.gbl.map.layer.observer.IPrepareLayerStyle.getMarkerId(BaseLayer pLayer,

LayerItem pItem, String strMarkerId, String strMarkerInfo)

添加动态纹理

int com.autonavi.gbl.card.ITextureManager.addCustomTexture(CustomTextureParam texturePara)

更新图元

void com.autonavi.gbl.map.layer.BaseLayer.updateStyle()

更新动态纹理

int com.autonavi.gbl.card.ITextureManager.updateCustomTexture(int markerId,CustomUpdateParam updateInfo)

动态纹理控件区域点击回调

void com.autonavi.gbl.map.layer.observer.ILayerClickObserver.onNotifyClick(BaseLayer layer, LayerItem \tpItem, ClickViewIdInfo clickViewIds)

注意：

1) xml中对应控件ID设置"_click"后缀后，才会在clickViewIds收到对应控件ID，如布局文件示例中的"time_diff_text_click"。

2) xml中对应控件ID设置"_ignore"后缀后，则将改控件设置为不可点击区域，如布局文件示例中的"div2_ignore"。

说明：函数详情，请复制函数名称到在线API搜索

调用示例

\npublic class MapPrepareLayerStyle implements IPrepareLayerStyle {\n\t...\t\n\t@Override \t纹理ID获取监听回调\n    public int getMarkerId(BaseLayer pLayer, LayerItem pItem, String strMarkerId, String strMarkerInfo) {\n        int markerId = -1;\n        \n        /*< 获取卡片管理器 */\n        ITextureManager textureManager;\n\t\t...\n\n        /*< 添加动态纹理 */\n        if (addCustomTexture)\n        {\n        \t/*< 读取布局文件内容 */\n            String xmlStr;\n            ...\n            \n            CustomTextureParam customParam = new CustomTextureParam();\n            customParam.markerKey.setMarkerKey(0x1234);/**< 自定义纹理标识，该参数不同会重新生成纹理数据*/\n            customParam.markerKey.setCustomXmlStr(xmlStr);\n            customParam.attrs.setIsNightForAsvg(true);\n            customParam.attrs.scaleFactor = 1.0f;\n            customParam.attrs.anchorType = LayerIconAnchor.LayerIconAnchorBottom;\n            customParam.attrs.xRatio = 0.0;\n            customParam.attrs.yRatio = 0.0;\n            customParam.attrs.isRepeat = true;\n            customParam.attrs.isGenMipmaps = false;\n            customParam.attrs.isPreMulAlpha = false;\n\n            markerId = textureManager.addCustomTexture(customParam);\n        }\n        /*< 更新动态纹理 */\n        else if (updateCustomTexture)\n        {\n            /*< 获取要更新的纹理ID */\n            int poiMarkerId;\n            ...\n\n            CustomUpdateParam updateInfo = new CustomUpdateParam();\n            updateInfo.scaleFactor = 1.5;\n\n            CustomUpdatePair updatePara1 = new CustomUpdatePair();\n            updatePara1.idStr = "time_diff_text"; //对应布局文件中的"id"字段\n            updatePara1.newValue = "快5分钟"; //对应布局文件中的"src"字段\n            updateInfo.updateList.add(updatePara1);\n\n            CustomUpdatePair updatePara2 = new CustomUpdatePair();\n            updatePara2.idStr = "distance_diff_text";\n            updatePara2.newValue = "多500米";\n            updatePara2.newStyle = "color:#FF0000;";//对应布局文件中的"style"字段\n            updateInfo.updateList.add(updatePara2);\n\n            markerId = textureManager.updateCustomTexture(poiMarkerId, updateInfo);\n        }\n\t\treturn markerId;\n\t}\t\n}

布局文件示例

<div id='guide_label_pop' style='width:auto;height:auto;background-image:navi_bg_route_label_left_up_day;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;'>\n  <label id='time_diff_text_click' style='color:#000000;font-size:20px;justify-content:flex-start;' text='快3分钟'/>\n  <div id='div2_ignore' style='flex-direction:row;justify-content:flex-start;align-items:center;margin-top:5px;'>\n    <label id='distance_diff_text' style='color:#000000;font-size:16px;justify-content:flex-start;' text='多1公里'/>\n    <image id='traffic_light_image' style='margin-left:6px;' src='daohang_50'/>\n    <label id='traffic_light_text' style='color:#000000;font-size:16px;justify-content:flex-start;' text='少3个'/>\n  </div>\n</div>