layui+腾讯地图坐标点选取插件，支持地址关键字模糊/联想搜索、当前城市定位、地址地图标点联动

插件地址：

TMap: layui+腾讯地图坐标点选取插件，支持地址关键字模糊/联想搜索、当前城市定位、地址地图标点联动

实际项目中的案例图：

 

 

html部分：

  <div class="layui-form-item" >
                    <label class="layui-form-label ">经度</label>
                    <div class="layui-input-block">
                        <input type="text" name="store_longitude" class="layui-input"   placeholder="请输入经度" value="" id="lon"   lay-filter="lon" >
                        <tip>点击地图点选</tip>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label  ">纬度</label>
                    <div class="layui-input-block">
                        <input type="text" name="store_latitude" class="layui-input"   placeholder="请输入经度" value=""  id="lat"   lay-filter="lat" >
                        <!-- <tip>点击地图点选</tip> -->
                    </div>
                </div>

 js部分：

   layui.config({
			  base: '/static/plugs/lay-module/TMap/'//layui 第三方扩展组件存放的基础目录,并注册模块根据你放置的位置修改
			}).use('TMap');
            layui.use(['layer', 'code', 'TMap'], function(){
			  var layer = layui.layer;
			  var $ = layui.jquery;
			  var TMap = layui.TMap;
			  layui.code();
			  $(document).on('click','#lon',function(){
				  TMap.open({
				  	key: "O6YBZ-XFTH4-HHSUR-DV4AI-5T4D6-AWQER",//这个是你的api里的key
				  	dialog: {title: '店铺位置坐标获取'},
				  	onChoose: function (point, adress, myIndex) {
                       let arr=point.split(',');
                        let latX =arr[0];
                        let lngY =arr[1];
                        $('#lon').val(lngY);
                        $('#lat').val(latX);
                        layer.close(myIndex);
				  		// alert("point:"+ point +"\nadress:"+ adress +"\nmyIndex:"+ myIndex);
				  	},
				  });
			  });			  
			});