zzdyrmyyUI/WebUI/CallCenterWe.../js/locations1.js

/**
 * 地图相关
 * */
var map, curentlatlng, startHeart = null,
	markersArray = [],
	rlatLngs = {};//维修师傅坐标
$(function() {
	//getRepairlatLng();//获取维修师傅坐标
	getLocation(); //获取当前位置
});

//获取当前位置
function getLocation() {
	var geolocation = new qq.maps.Geolocation("26KBZ-YBJRO-3RPWW-SUEYL-K2KKQ-BTBYL", "myappV1.00");
	var options = {
		timeout: 8000
	};
	geolocation.getLocation(showPosition, showErr, options)
}

function showErr(err) {
	mui.alert("定位失败！" + err);
};

function showPosition(position) {
    //alert('精确度：' + position.accuracy + '\n方式：' + position.type + '\n' + position.addr + '附近\n' + position.nation + position.province + position.city + position.addr + '附近');
    var lat = position.lat;
    var lng = position.lng;
    curentlatlng = new qq.maps.LatLng(lat, lng); //当前地理位置
    var repairlat = rlatLngs.lat;
    var repairlng = rlatLngs.lng;
    //创建地图
    map = new qq.maps.Map(document.getElementById("container"), {
        center: curentlatlng,
        zoom: 15,
        zoomControl: true, //设置缩放控制启用
        zoomControlOptions: { //设置缩放控件的样式状态
            style: qq.maps.ZoomControlStyle.SMALL
        },
        //如果为 true，在初始化地图时不会清除地图容器内的内容
        noClear: true,
        //用作地图 div 的背景颜色。当用户进行平移时，如果尚未载入图块，则显示此颜色。仅在地图初始化时，才能设置此选项
        backgroundColor: "#96bffd",

    });
    //可以设置中心点
    //	if(repairlat && repairlng) {
    //		var repairlatLng = new qq.maps.LatLng(repairlat, repairlng); //维修工位置
    //		//返回在起终点连线上位于给定比例的点坐标。比例值fraction范围为0~1。
    //		var centerlatLng = qq.maps.geometry.spherical.interpolate(curentlatlng, repairlatLng, 0.4);
    //		map.setCenter(centerlatLng);
    //	}
    //设置当前位置的marker标记
    var anchor = new qq.maps.Point(6, 6),
        size = new qq.maps.Size(50, 76),
        origin = new qq.maps.Point(0, 0),
        icon = new qq.maps.MarkerImage('../img/myself.png', size, origin, anchor);
    var marker = new qq.maps.Marker({
        icon: icon,
        map: map,
        position: curentlatlng,
    });
    //setTimeout(function() { $("#container").find('[onresize="return;"]').remove(); $("#container").find('[onpositionupdate="return;"]').remove(); }, 500);

    //实时路况图层
    var layer = new qq.maps.TrafficLayer();
    layer.setMap(map);
    getRepairs();
    startHeart = setInterval(getRepairs, 60000);
}

//获取维修工位置添加标记
function getRepairs() {
	getRepairlatLng();//获取维修师傅坐标
	var repairlat = rlatLngs.lat;
	var repairlng = rlatLngs.lng;
	if(repairlat && repairlng) {
		var repairlatLng = new qq.maps.LatLng(repairlat, repairlng); //维修工位置这个位置需要每隔 1分钟 动态获取
		//返回在起终点连线上位于给定比例的点坐标。比例值fraction范围为0~1。
		//var centerlatLng = qq.maps.geometry.spherical.interpolate(curentlatlng, repairlatLng, 0.4);
		//map.setCenter(centerlatLng);
		//计算两点间的距离
		var distance = qq.maps.geometry.spherical.computeDistanceBetween(curentlatlng, repairlatLng);
		console.log("维修工距离我：" + Math.ceil(distance) + "米");
		//删除标记
		deleteOverlays();
		//给维修工添加位置标记
		getRepairPoint(repairlatLng);

		//当两者距离小于50米视为到了
		if(Math.ceil(distance) < 50) {
			clearInterval(startHeart);
			mui.alert('维修师傅到了，请准备开门！');
		}
	}else{
		//mui.alert("维修师傅的位置获取失败,请确认网络状态良好！");
	}
}

//获取维修工位置
function getRepairlatLng(usercode) {
    $.getJSON(huayi.config.callcenter_url + 'wechatapi/api/location/getlocationasync', { usercode: usercode }, function (data) {
        if (res.state.toLowerCase() == "success") {
            rlatLngs.lat = res.data.longitude;
            rlatLngs.lng = res.data.latitude;
        }
    });
}
//给维修工添加位置标记（自定义标记，添加文本标记，划线）
function getRepairPoint(latLng) {
	var anchor = new qq.maps.Point(6, 6),
		size = new qq.maps.Size(50, 76),
		origin = new qq.maps.Point(0, 0),
		icon = new qq.maps.MarkerImage('../img/worker.png', size, origin, anchor);
	var marker = new qq.maps.Marker({
		icon: icon,
		map: map,
		position: latLng
	});
	//划线
	//	var polyline = new qq.maps.Polyline({
	//		path: [curentlatlng, latLng],
	//		strokeColor: '#39a8de',
	//		strokeWeight: 1,
	//		editable: false,
	//		map: map
	//	});

	markersArray.push(marker);
	//	markersArray.push(polyline);
}

//删除覆盖物
function deleteOverlays() {
	if(markersArray) {
		for(i in markersArray) {
			markersArray[i].setMap(null);
		}
		markersArray.length = 0;
	}
}

//地址和经纬度之间进行转换服务（地址 --》 坐标地址）；
function getPointByAddr() {
	var address = '中国,北京,海淀区,海淀大街38号';
	var geocoder = new qq.maps.Geocoder();
	//对指定地址进行解析
	geocoder.getLocation(address);
	//设置服务请求成功的回调函数
	geocoder.setComplete(function(result) {

		alert("坐标地址为： " + result.detail.location);

	});
	//若服务请求失败，则运行以下函数
	geocoder.setError(function() {
		alert("出错了，请输入正确的地址！！！");
	});
}

//地址和经纬度之间进行转换服务（坐标地址 --》 地址 ）；
function getAddrByPoint() {
    var lat = 39.98174;
    var lng = 116.30631;

    var latLng = new qq.maps.LatLng(lat, lng);

    var geocoder = new qq.maps.Geocoder();
    //调用获取位置方法
    geocoder.getAddress(latLng);
    //设置服务请求成功的回调函数
    geocoder.setComplete(function(result) {

        alert("详细地址为： " + result.detail.address);

    });
    //若服务请求失败，则运行以下函数
    geocoder.setError(function() {
        alert("出错了，请输入正确的地址！！！");
    });
}