• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

layui-location: layui定位组件

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

layui-location

开源软件地址:

https://gitee.com/songhz/layui-location

开源软件介绍:

location

项目介绍

基于优秀的国产前端框架layui的地图定位组件。

1.0版本说明

  • 实现鼠标移动定位
  • 集成3个地图api,百度,高德,天地图
  • 实现地图api与坐标系混用,自动转换坐标
  • 实现搜索定位(参考admin)

配置参数

参数说明
type0 : 仅定位 1: 带有搜索的定位
title标题
zoom默认缩放级别
apiType地图api 可选参数 baiduMap, tiandiMap, gaodeMap
coordinate坐标系 可选参数 baiduMap, tiandiMap, gaodeMap
mapType地图类型 0 普通地图 1 卫星地图 2 混合地图
searchKey默认的检索关键字,type=1时生效
init初始化方法,初始化中心点位置
success回调方法,参数data是定位标记的经纬度信息
onClickTip回调方法,参数data是中文信息,还有未经过转换的经纬度信息。

使用示例

render(elem,options) 绑定定位按钮

	location.render("#locationBtn", //定位按钮ID{                    type:0,                    apiType: "baiduMap",                    coordinate: "baiduMap",                    mapType: 2,                    zoom: 15,					title: '区域定位',                    init: function(){                        return {longitude: $("#longitude").val()?$("#longitude").val():locationData.lng,latitude: $("#latitude").val()?$("#latitude").val():locationData.lat};                    },                    success: function (data) {                        $("#longitude").val(data.lng);                        $("#latitude").val(data.lat);                    }                });      });

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap