首页 / 应用市场 / 插件 / 详情
地图位置选取插件
举报 更新于:2022-05-20

地图位置选取插件

免费
下载量
101
阅读量
2425
  • 分           类: 基础组件
  • 多    语    言: 未知
  • 当 前  版 本: 1.0.0
  • HkCms版本: >=2.1.220220
  • 应 用 标 识: address
免责声明:本站所有插件均由开发者提供,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。

保    障: HkCms官方 安全检测

1. 说明

支持百度、高德地图位置选取。默认集成在HkCMS系统,识别到HTML标签上属性有data-toggle="address"时,自动加载插件。

注意:使用前先配置好百度地图或高德地图访问秘钥,后续版本会提供默认的密钥但还是建议您自己申请一个。

2. 配置流程

以百度地图为例,前往百度地图申请,注册账号登录后前往控制台、如下图创建密钥。

微信图片_20220508183125.png

创建界面

1.png

复制密钥

微信截图_20220508183339.png

填写到配置、提交即可

微信截图_20220508183535.png

3. 密钥申请入口

百度地图申请:https://lbsyun.baidu.com/index.php

高德地图申请:https://lbs.amap.com/

4. 模型字段、二次开发组件使用方式

模型字段使用方式可参考单页模型里面的经纬度字段,主要是在附加属性增加如下值即可启用

data-toggle="address",data-point="frm-point",data-address="frm-address"

(1)data-toggle="address" 固定形式,启用地图插件的标识

(2)data-point="frm-point" 指的是返回的经纬度信息填充到id="frm-point"标签上

(3)data-address="frm-address"指的是返回的地址信息填充到id="frm-point"标签上

HkCms二次开发时,只要是你的表单使用Form.api.init();方式提交,那么在html上写上上面三个属性则会自动加载,如下

<div class="form-group row">
    <label for="frm-point" class="col-sm-2 col-form-label">位置选择: </label>
    <div class="col-sm-8">
        <input type="hidden" id="frm-address">
        <input type="text" class="form-control" id="frm-point" name="row[demo]" data-toggle="address",data-point="frm-point",data-address="frm-address">
    </div>
</div>

5. 模板使用

详情:https://www.kancloud.cn/hkcms/hkcms_tp6/2770349

示例

{hkcms:map htmlid="dituContent" title="$Info['company']" address="$Info['address']" scale="19" point="$Info['point']"}
1.0.0 2021-04-16 >= HkCms_2.1.220220
第一个版本
商家类型:HkCms官方

联系商家

QQ联系


HkCms官方自营
相关应用
推荐应用
用户中心插件

用户中心插件

免费
UEditor百度编辑器插件

UEditor百度编辑器插件

免费
数据库备份还原

数据库备份还原

免费
友情链接插件

友情链接插件

免费
微信群

公众号


在线联系

加入Q群


微信客服

加微信群


返回顶部