layui 第三方组件平台

返回首页 发布组件

用于地图定位

更新:2020-9-17 创建:2020-12-3

文档

组件使用说明
layui.config({
base : './layui_exts/'
}).extend({
locationX: 'location/locationX',
location: 'location/location',
}).use(['layer','form','jquery','location'],function(){
$ = layui.jquery;
var form = layui.form;
var location = layui.location;

// 自己维护初始化标注。这里给的是天安门
//
var locationData = {lng:116.404,lat:39.915};


location.render("#locationBtn",{
type:0,
apiType: "baiduMap", // 地图api
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) { // 回调,data是标记的经纬度信息
$("#longitude").val(data.lng);
$("#latitude").val(data.lat);
}
});

});

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

下载

去码云下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。