多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## map生成位置地图 与内置的地图位置选取插件生成百度地图、高德地图。 <blockquote class="danger"><p>2.1.220504版本起</p></blockquote> ## 示例 默认模板示例,$Info 为内容 ~~~ {hkcms:map htmlid="dituContent" attr="class='diyclass' style='width:1800px;height:400px'" title="$Info['company']" address="$Info['address']" scale="19" point="$Info['point']"} ~~~ ## 参数说明 | 参数名称 | 可选值 | 默认值 | 是否必填 | 说明 | | --- | --- | --- | --- | --- | | htmlid | - | dituContent | - | div标签 id属性,你可以使用该ID写样式 | | attr | - | - | - | div标签属性,注意attr里面使用单引号 | | title | - | - | - | 地图面板标题 | | address | - | - | - | 地图面板地址 | | scale | - | 19 | - | 放大级别 | | point | - | - | - | 经纬度信息,格式为json,例如:{"lng":116.404,"lat":39.915} | **完整流程:** 1. 增加模型字段,**附加属性**增加如下配置,data-point 用于选择位置后填充到哪个输入框,data-address 用于选择位置后返回的详细地址填充到哪个输入框 `data-toggle="address",data-point="frm-point",data-address="frm-address"` ![](https://img.kancloud.cn/e5/b5/e5b534c8e642c82a386798647ec64b67_1050x853.png) 2. 选择位置 ![](https://img.kancloud.cn/d0/63/d063a21a00a178657ef53b17ad304a9c_1479x151.png) 3. 模板调用: ~~~ {hkcms:map htmlid="dituContent" title="$Info['company']" address="$Info['address']" scale="19" point="$Info['point']"} ~~~ ![](https://img.kancloud.cn/90/48/90483c69537c6cffce3d5f765a65c3ba_944x424.png)