百度地图人员定位弹框

百度地图人员定位弹框

代码

//百度地图
var map = new BMap.Map("l-map");          // 创建地图实例
var point = new BMap.Point(108.941291,34.348461);  // 创建点坐标
map.centerAndZoom(point, 15);
map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
var marker = new BMap.Marker(point);
map.addOverlay(marker);
marker.enableDragging();

var index = 0;
var myGeo = new BMap.Geocoder();
var adds = new Array();
var provinces = "";
var cyid = "";
function findone(e) {
	debugger;
	var evt = window.event || e;
	if (evt.keyCode == 13) {
		index = 0;
		var condition = $("#keyword").val();
		$.ajax({
			url: "/aehadmin/admin/UserReport/Userquery?condition=" + condition,
			type: "get",
			success: function (data) {
				debugger;
				console.log(data);
				/* for (var i = 0; i < data.length; i++) {
					 var province = data[i].province;
					 var city = data[i].city;
					 var area = data[i].area;
					 var comaddress = data[i].comaddress;
					 adds[i] = province + city + area + comaddress;
					 provinces = province;
					 bdGEO();
				 }*/
				var endclockplace = data[0].endclockplace;
				var startclockplace = data[0].startclockplace;
				if (endclockplace != null || endclockplace != "") {
					adds[0] = startclockplace;
					provinces = startclockplace.substring(0, 3);
				} else {
					adds[0] = endclockplace;
					provinces = endclockplace.substring(0, 3);
				}
				cyid = data[0].cyid;
				bdGEO();
			}
		});
	}
}

function bdGEO() {
	debugger;
	var add = adds[index];
	geocodeSearch(add);
	index++;
}

function geocodeSearch(add) {
	$.ajax({
		url: "/aehadmin/admin/UserReport/oquery",
		type:"get",
		data:{
			"cyid":cyid
		},
		success:function(data){
			console.log(data.jinxing);
			console.log(data.jieshou);
			myGeo.getPoint(add, function (point) {
				if (point) {
					// document.getElementById("result").innerHTML += index + "、" + add + ":" + point.lng + "," + point.lat + "</br>";
					// var address = new BMap.Point(point.lng, point.lat);
					// addMarker(address, new BMap.Label(add, {offset: new BMap.Size(20, -10)}));
					// map.centerAndZoom(new BMap.Point(point.lng, point.lat), 8);
					// $(".BMapLabel").css("position", "");
					// $(".BMapLabel").css("margin-left", "20px");

					var point = new BMap.Point(point.lng, point.lat);
					map.centerAndZoom(point, 15);
					var myIcon = new BMap.Icon("/aehadmin/manage/img/favicon/person.png", new BMap.Size(40, 40));
					var pt = new BMap.Point(point.lng, point.lat);
					var marker = new BMap.Marker(pt, {
						icon: myIcon
					});
					map.addOverlay(marker);

					// 创建图文信息窗口
					var sContent = "<p>位置:"+add+"</p><p οnclick='aa()'>正在进行工单:"+data.jinxing+"</p><p οnclick='bb()'>已接受工单:"+data.jieshou+"</p>";
					var infoWindow = new BMap.InfoWindow(sContent);
					// marker添加点击事件
					marker.addEventListener('click', function () {
						this.openInfoWindow(infoWindow);
						// 图片加载完毕重绘infoWindow
						// document.getElementById('imgDemo').onload = function () {
						infoWindow.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小,导致图片部分被隐藏
						// };
					});
				}
			}, provinces);
		}
	})
}

function aa(){
	alert(1)
}
function bb(){
	alert(2)
}

效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

大佬勿喷,欢迎提意见建议评论!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值