多平台地图选择插件
支持天地图,腾讯,高德,百度等地图获取地理位置,简易绘制marker点,折线,多边形等
多平台地图选择插件 适用于FastAdmin的多平台地图选择插件
功能介绍
一款适用于FastAdmin的多平台地图选择插件,支持天地图,腾讯,高德,百度等地图获取地理位置,简易绘制marker点,折线,多边形等
功能特性
1、支持百度地图、腾讯地图、高德地图、天地图
2、支持快捷搜索地址
3、支持添加Marker点、拆线、多边形等,支持返回经纬度信息。
使用方法
1、在需要弹出地图选择插件的任何元素添加data-toggle="wleaflet-select" 和 data-type="类型" 属性。type类型支持:address=>地理位置,marker=>marker点,line=>折线,polygon=>多边形,type类型未配置时默认为address
如果需要使用返回的地址填充文本框,data-input-id="文本框ID",同时可配置data-lat-id="文本框ID"和data-lng-id="文本框ID"。
绘制折线时,同时可配置data-limit-line-count="整数"来限制绘制折线的点数。
默认传参:data-type类型为address时,传递参数为data-lat='39.926851704431186' data-lng='116.44580841064455'; 当为marker时 默认获取设置的data-input-id的value值格式为[39.926851704431186,116.44580841064455] 当为line、polygon时默认获取设置的data-input-id的value值格式为[[39.926851704431186,116.44580841064455],[39.91441049896396,116.45576477050783],[39.92731244640779,116.47318840026857]]。
2、如果需要对选择数据做其他处理则需要在当前控制器所对应的JS文件中添加事件进行绑定,如
$("[data-toggle='wleaflet-select']").data("callback", function(res){
//其中res则是包含了address/lat/lng等信息的JSON对象
});
温馨提示
使用前请务必在插件管理->配置中配置对应的密钥参数和正确的域名才能正常搜索和使用。
注意:返回的经纬度数值统一用国际大地坐标系:WGS84坐标
服务介绍
长期免费更新
提供源码、私有化部署
首年技术支持(服务器部署指导、域名注册咨询、服务器安全指导)
采购后服务对接(vx):jyhcc95
发表评论 取消回复