axdmin
/
x1_of_cms
mirror of https://gitee.com/qibosoft/x1_of_cms


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
							<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black"  />
<meta name="apple-mobile-web-app-capable" content="yes">
<title>地图定位</title>

<link rel="stylesheet" type="text/css" href="__STATIC__/member/default/wap/global.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/member/default/wap/wap.css">

<script type="text/javascript" src="__STATIC__/js/core/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/layer/layer.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=MGdbmO6pP5Eg1hiPhpYB0IVd"></script>
</head>
<body>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script type="text/javascript" src="__STATIC__/js/map-gps.js"></script>
 <style type="text/css">
.bmap{width:100%;height:350px;border: 1px solid #ccc;}
.searchResultPanel{border:1px solid #C0C0C0;width:150px;height:auto;display:none;}
.baaapsou{width: 10%;float: left;cursor:pointer;height: 28px;line-height: 28px;text-align: center;border: 1px solid #C0C0C0;border-radius: 3px;margin-left: 1%;}
body{max-width:100%;}
.WapFormContainer .butter{
	margin-top:40px;
}
.WapFormContainer .butter button{
	width:100%;
	
}
</style> 
<div class="WapFormContainer" >	 

	<div class="js-bmap">
		
        <div class="searchResultPanel"></div>
        <input class="bmap-point" type="hidden" id="atc_map" name="map" value="{$map}">
        <div class="bmap" id="bmap-canvas-map"></div>		
		<input class="bmap-address" style="width:85%;float: left;" id="bmap-address-map" name="map_address" type="text" value="" placeholder="可输入要搜索的地址,或手工定位"> 
		<div id="baaapsou-map" class="baaapsou">搜索</div>
	</div> 

	<div class='butter'><button type="submit" onclick="post()">确认</button></div>
</div>
 
<script type="text/javascript">
function post(){
	var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
    parent.layer.close(index);
	parent.end_choose_map( $("#atc_map").val() );
}

//公众号或WAP浏览器获取当前坐标位置
function reload_baidu_map(obj){
	var geolocation = new BMap.Geolocation();
	geolocation.getCurrentPosition(function(result){
		if(this.getStatus() == window.BMAP_STATUS_SUCCESS){
		  map_x = result.point.lng;
		  map_y = result.point.lat;
		  obj.val(map_x+','+map_y);
		  if(typeof(set_baidu_map)=='function'){set_baidu_map();}

		  //显示当前位置的街道名
			var geoc = new BMap.Geocoder();
			geoc.getLocation(result.point, function(rs){
				var addComp = rs.addressComponents;
				$("#atc_address").val(addComp.district + addComp.street + addComp.streetNumber);
			});

			//gg = GPS.bd_decrypt(result.point.lat, result.point.lng);	//百度转谷歌
			//wgs = GPS.gcj_decrypt(gg.lat, gg.lon); //谷歌转GPS
		    //showMapPosition(wgs.lon,wgs.lat);
		} else {
			alert('failed:'+this.getStatus());
		}        
	},{enableHighAccuracy: true})
}

//小程序获取当前坐标位置
function load_wx_map(obj){ 
	wx.getLocation({
			type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'' 
      success: function (res) {
		  var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
          var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
			var o = GPS.bd_encrypt(res.latitude,res.longitude);
           map_x = o.lon;//res.longitude;
		   map_y = o.lat;//res.latitude; 
		  obj.val(map_x+','+map_y);
		  if(typeof(set_baidu_map)=='function'){set_baidu_map();}		  
		  $.get("/qun/near/point_address.html?x=" + map_y +  "&y=" + map_x  ,function(res){
			  $("#atc_address").val(res.data);
		  });
      },
      cancel: function (res) {
        alert('用户拒绝授权获取地理位置');
      }
    }); 
}

var is_in_wxapp = -1;
function get_location_point(obj){
	wx.miniProgram.getEnv(function(res) {
		if(res.miniprogram==true){	//在小程序中,用不了百度地图定位
			is_in_wxapp = 1;
			wx.config({
				debug: false,
				appId: '',
				timestamp: 0,
				nonceStr: '',
				signature: '',
				jsApiList: [
						'openLocation',
						'getLocation'
				]
			});
			wx.ready(function () {
				load_wx_map(obj);
			});
			wx.error(function (res) {
				alert(res.errMsg);
			});		
		}else{
			is_in_wxapp = 0;
			reload_baidu_map(obj); //在公众号或WAP浏览器里
		}
	});
	setTimeout(function(){
			if(is_in_wxapp==-1){
				reload_baidu_map(obj);
			}
		},1500);
}

</script>

<script type="text/javascript">
jQuery(document).ready(function() {
	set_baidu_map();
});
function set_baidu_map(){
    $('.js-bmap').each(function() {
        var that = $(this);
        var map_canvas = that.find('.bmap').attr('id');
        var address = that.find('.bmap-address');
        var address_id = address.attr('id');
        var map_point = that.find('.bmap-point');
        var search_result = that.find('.searchResultPanel');
        var point_lng = 113.268332;
        var point_lat = 23.130274;
        var map_level = that.data('level');
        // 百度地图API功能
        var map = new BMap.Map(map_canvas);
        //开启鼠标滚轮缩放
        map.enableScrollWheelZoom(true);
        // 左上角，添加比例尺
        var top_left_control = new BMap.ScaleControl({
            anchor: BMAP_ANCHOR_TOP_LEFT
        });
        // 左上角，添加默认缩放平移控件
        var top_left_navigation = new BMap.NavigationControl();
        map.addControl(top_left_control);
        map.addControl(top_left_navigation);
        // 智能搜索
        var local = new BMap.LocalSearch(map, {
            onSearchComplete: function() {
                var point = local.getResults().getPoi(0).point; //获取第一个智能搜索的结果
                map.centerAndZoom(point, 18);
                // 创建标注
                create_mark(point);
            }
        });
        // 发起检索
        $("#baaapsou-map").click(function() {
            var city = document.getElementById("bmap-address-map").value;
            if (city != "") {
                local.search(city);
            }
        });
        // 创建标注
        var create_mark = function(point) {
            // 清空所有标注
            map.clearOverlays();
            var marker = new BMap.Marker(point); // 创建标注
            map.addOverlay(marker); //添加标注
            marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
            // 写入坐标
            map_point.val(point.lng + "," + point.lat);
        };
        // 建立一个自动完成的对象
        var ac = new BMap.Autocomplete({
            "input": address_id,
            "location": map
        });
        // 鼠标放在下拉列表上的事件
        ac.addEventListener("onhighlight", function(e) {
            var str = "";
            var _value = e.fromitem.value;
            var value = "";
            if (e.fromitem.index > -1) {
                value = _value.province + _value.city + _value.district + _value.street + _value.business;
            }
            str = "FromItem<br />index = " + e.fromitem.index + "<br />value = " + value;
            value = "";
            if (e.toitem.index > -1) {
                _value = e.toitem.value;
                value = _value.province + _value.city + _value.district + _value.street + _value.business;
            }
            str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;
            search_result.html(str);
        });
        // 鼠标点击下拉列表后的事件
        var myValue;
        ac.addEventListener("onconfirm", function(e) {
            var _value = e.item.value;
            myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
            search_result.html("onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue);
            local.search(myValue);
        });
        // 监听点击地图时间
        map.addEventListener("click", function(e) {
            // 创建标注
            create_mark(e.point);
        });
	
		//解决部分手机的兼容问题
		map.addEventListener("touchend", function (e) {
			map.disableDragging();
			create_mark(e.point);
		});
		map.addEventListener("touchmove", function (e) {
		   map.enableDragging();
		});

        if (map_point.val() != '') {
            var curr_point = map_point.val().split(',');
            point_lng = curr_point[0];
            point_lat = curr_point[1];
            map_level = 16;
        } else if (address.val() != '') {
            local.search(address.val());
        } else {
            // 根据ip获取当前城市，并定位到当前城市
            var myCity = new BMap.LocalCity();
            myCity.get(function(result) {
                var cityName = result.name;
                map.setCenter(cityName);
            });
        }
        // 初始化地图,设置中心点坐标和地图级别
        var point = new BMap.Point(point_lng, point_lat);
        map.centerAndZoom(point, map_level);
        if (map_point.val() != '') {
            // 创建标注
            create_mark(point);
        }
        if (address.val() != '') {
            ac.setInputValue(address.val())
        }

		if(map_point.val() == '113.263661,23.155131'||map_point.val() == ''){	//新发表的时候，获取当前定位坐标
			get_location_point(map_point);
		}
    });
}
</script>

</body>
</html>