下面是一些高德地图使用例子，自定义展示，右击拖动，搜索，画圆，定位等功能，没有整理仅供参考
var infoWindow = new AMap.InfoWindow({isCustom:true,//使用自定窗口0909;content: "<div style='width:330px;background-color: rgba(245,245,245,0.6);border: 1px solid #BCBCBC;box-shadow: 0 0 10px;border-radius:5px;'>" +"<p style='ine-height:15px; display:block; color:#1a222c; z-index:9999;text-align:right;'><div style='text-align:right;padding-top:5px;padding-right:10px;'class='info-top'><img onclick='javascript:window.Fsp.closewindow(\"" + _tvin + "\","+windowsArr.length+")' width='14' src='"+f.imgPathNew+"/close2.gif'/></div></p>" +"<p style='padding-left:20px;padding-right:20px; font-size:14px; line-height:34px; display:block; text-align:left; color:#1a222c; z-index:9999'>车架号：" + _tvin + "</p>" + "<p style='padding-left:20px;padding-right:20px; font-size:14px; line-height:34px; display:block; text-align:left; color:#1a222c; z-index:9999'>车牌：" + _tplateId + "</p>" + "<p style='padding-left:20px;padding-right:20px; font-size:14px; line-height:34px; display:block; text-align:left; color:#1a222c; z-index:9999'>使用人：" + _tdriver + "</p>" + "<p style='padding-left:20px;padding-right:20px; font-size:14px; line-height:34px; display:block; text-align:left; color:#1a222c; z-index:9999'>电话号码：" + _ttelephone + "</p>" + "<p style='padding-left:20px;padding-right:20px; font-size:14px; line-height:34px; display:block; text-align:left; color:#1a222c; z-index:9999'>速度：" + _tspeed + "km/h</p>" + "<p style='padding-left:20px;padding-right:20px; font-size:14px; line-height:34px; display:block; text-align:left; color:#1a222c; z-index:9999'>状态：" + _tsignOff + "</p>" + "<p style='padding-left:20px;padding-right:20px; font-size:14px; display:block; text-align:left; color:#1a222c; z-index:9999'>地址：" + _taddress + "</p>" + "<p style='padding-left:20px;padding-right:10px; font-size:14px; line-height:40px; display:block; text-align:left; color:#1a222c; z-index:9999'>定位时间：" + _tlocatedTimeText + " " + "<span class='"+_tvin+"class' style='width:190px; height:30px; font-size:14px; background:#2b84ff;border-radius:3px;padding:5px;'><a id='"+_tvin+"ID' style='color:white;' href='javascript:window.Fsp.getmessage(\"" + _tvin + "\","+windowsArr.length+")'>手动定位</a></span></p>" + mapstr+"<br/>" + "</div><p style='padding-left:165px;padding-right:20px; font-size:14px; line-height:40px; display:block; text-align:left; color:#1a222c; z-index:9999'><img src='"+f.imgPathNew+"/sharp.png'/></p>",size:new AMap.Size(350, 400),autoMove:true,offset:new AMap.Pixel(0,-9)});
(function(f,$,w){var map,SosMap,page,currentOrder,zoom=15,placeSearch,IS_READ_ONLY_ENV,menu;var markerArr = new Array();var windowsArr = new Array();var locations = new Array();f.markerArr = markerArr;f.IS_READ_ONLY_ENV = IS_READ_ONLY_ENV;function _initMap(){map = new AMap.Map("mapContainer", {resizeEnable: true,zoom: 15});map.plugin(['AMap.ToolBar'], function() { //设置地位标记为自定义标记 var toolBar = new AMap.ToolBar(); map.addControl(toolBar); // 加载比例尺插件 map.plugin(["AMap.Scale"], function () { scale = new AMap.Scale(); map.addControl(scale); scale.show(); }); });AMap.service(["AMap.Geocoder"], function() { //加载地理编码 geocoder = new AMap.Geocoder({ radius: 1000, extensions: "all" });});AMap.service(["AMap.PlaceSearch"], function() { placeSearch = new AMap.PlaceSearch({ //构造地点查询类 pageSize: 10, pageIndex: 1, city: "全国", //城市 map: map, panel:"result" }); f.placeSearch = placeSearch; }); AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){ var autoOptions = { // city: "全国", //城市，默认全国 input:'centeraddress'//使用联想输入的input的id }; autocomplete= new AMap.Autocomplete(autoOptions); var placeSearch = new AMap.PlaceSearch({ map:map }) AMap.event.addListener(autocomplete, "select", function(e){ //TODO 针对选中的poi实现自己的功能 placeSearch.setCity(e.poi.adcode); placeSearch.search(e.poi.name) }); });f.menu=new ContextMenu(map); function ContextMenu(map) { var me = this; this.mouseTool = new AMap.MouseTool(map); //地图中添加鼠标工具MouseTool插件 this.contextMenuPositon = null; var content = "<div style='width:80px;height:30px;background-color:white;font-size:18px;color:red;border:1px solid red;'>" +"<center><a href='javascript:window.Fsp.setGeofence()'>设置围栏</a></center>" + "</div>";this.contextMenu = new AMap.ContextMenu({isCustom: true, content:content});//通过content自定义右键菜单内容//地图绑定鼠标右击事件——弹出右键菜单map.on('rightclick', function(e) { me.contextMenu.open(map, e.lnglat); me.contextMenuPositon = e.lnglat; //右键菜单位置}); }//$("#mapContainer").height($(w).height()-150);//$('.wrap-small').height($(w).height()-70);//$('.map-wrap').height($(w).height()-70);//$("#mapContainer").height($(w).height()-70);}var closemark=function(){if(posMarker){ posMarker.setMap(null); posMarker=undefined; }}f.closemark=closemark;var setGeofence = function (){ f.menu.mouseTool.close(); var cnt = $('.check-dan:checked').length;if(cnt>0){var z=$('input[name="id"]:checked').parents('tr').attr('geostat');if(z!='4'){ if(posMarker){ posMarker.setMap(null); posMarker=undefined; } posMarker = new AMap.Marker({ map:map, position: f.menu.contextMenuPositon, //基点位置 size: new AMap.Size(50, 66), offset:{x:-23,y:-72}, icon: f.imgPathNew + "/chose-icon.png", draggable: true, cursor: 'move', raiseOnDrag: true }); posMarker.on('rightclick', function(e) { f.menu.contextMenu.open(map, e.lnglat); f.menu.contextMenuPositon = e.lnglat; //右键菜单位置 }); var DraggingMarker_Event = function(e){ var lat = String(e.lnglat.lat); var lng = String(e.lnglat.lng); $("#latitude").val(lat); $("#longitude").val(lng) posMarker.setPosition(new AMap.LngLat(lng,lat)); var address = ""; geocoder.getAddress([lng, lat], function(status, result) { if (status === 'complete' && result.info === 'OK') { //获得了有效的地址信息: address = result.regeocode.formattedAddress; }else{ address = ''; } $('#latitude').val(lat); $('#longitude').val(lng); $("#centeraddress").val(address); }); } geocoder.getAddress(f.menu.contextMenuPositon, function(status, result) { if (status === 'complete' && result.info === 'OK') { address = result.regeocode.formattedAddress; }else{ address = ''; } $('#latitude').val(f.menu.contextMenuPositon.lat); $('#longitude').val(f.menu.contextMenuPositon.lng); $("#centeraddress").val(address); }); AMap.event.addListener(posMarker, 'dragging', DraggingMarker_Event);}}f.menu.contextMenu.close();}f.setGeofence=setGeofence;var _SosMap = function(){var marker;var clearMap = this.clearMap=function(){marker?marker.setMap(null):!1;}var clearMaps = this.clearMaps=function(){$.each(markerArr, function(i, mk){ mk?mk.setMap(null):!1;});markerArr.length = 0;}this.setVehicleLocations=function(locations){clearMaps();$.each(locations, function(i, posObj){addmarker(i, posObj);});map.setFitView();}this.setGeofenceCircles=function(locations){map.clearMap();$.each(locations, function(i, posObj){addcircle(i, posObj);});map.setFitView();}}SosMap=f.SosMap = new _SosMap();//添加marker&infowindowfunction addmarker(i, posObj) { if(posObj != undefined){var lngX = posObj.lon;var latY = posObj.lat;var Close_Windows = function () {//};if(lngX != 0 && latY !=0 && lngX != 515 && latY != 515) {var mar = new AMap.Marker({map:map,size: new AMap.Size(50, 50),position:new AMap.LngLat(lngX, latY),offset:{x:-18,y:-24},extData:{"geostatus":posObj.geostatus,"vin":posObj.vin},topWhenMouseOver:true});markerArr.push(mar);if(posObj.geostatus == 0) {//出圈mar.setIcon(f.imgPathNew + "/red_s_" + (i+1) + ".png");} else if(posObj.geostatus == 1) {//未出圈mar.setIcon(f.imgPathNew + "/green_" + (i+1) + ".png");} else {//未设置mar.setIcon(f.imgPathNew + "/blue_" + (i+1) + ".png");}var MouseOver_CallBack = function (e) {mar.setIcon(f.imgPathNew + "/red_b_" + (i+1) + ".png");mar.setzIndex(300);};var MouseOut_CallBack = function (e) {var obj = 1;if("undefined" != typeof e.target.G){obj=e.target.G.extData.geostatus;}if("undefined" != typeof e.target.H){obj=e.target.H.extData.geostatus;}if(obj == 0) {mar.setIcon(f.imgPathNew + "/red_s_" + (i+1) + ".png");} else if(obj == 1) {mar.setIcon(f.imgPathNew + "/green_" + (i+1) + ".png");} else {mar.setIcon(f.imgPathNew + "/blue_" + (i+1) + ".png");}mar.setzIndex(100);};mar.on('rightclick', function(e) { f.menu.contextMenu.open(map, e.lnglat); f.menu.contextMenuPositon = e.lnglat; //右键菜单位置});//电子围栏选中事件var MouseClick_CallBack = function (e) {$('.check-dan').each(function(i, item){$(item).removeAttr('disabled');})index_shezhi = 0;map.setCenter(mar.getPosition());$('.erro-info').css('color','#fafafa');enableSetGeofenceBtn();var cnt = 0;var plate_Id = "";var lat_ = "";var lon_ = "";var addr_ = "";var phone_ = "";var isalert_ = "";var radius_ = "";var geostatus_s=trim_($(this).attr("geostat"));if(geostatus_s=='4'){$('.off').prop('checked',true);$('.onn').prop('checked',false);$('.set-sel').css('color','#b4b4b4').prop('disabled',true);$('#clo-set').addClass('active').click(function(){$('.set-box').hide();btnOpen();});$('#setGeofence').prop('disabled',true).css('background','#b4b4b4');$('.xiugai-btn').css('display','none');$('.xgbtnj').css('display','');$('.map-click').css('opacity',.5);$('.remind-btn').css({"display":"none"});$('#alertphone').prop('disabled',true);$('input[name="baojing"]').prop('disabled',true);if(posMarker !=undefined){posMarker.setMap(null);posMarker=undefined;}v=1;}else{$('#setGeofence').prop('disabled',false).css('background','#2b84ff');$('#clo-set').removeClass('active').click(function(){$('.set-box').show();});$('.set-sel').css('color','#000').prop('disabled',false);$('.off').prop('checked',false);$('.onn').prop('checked',true);$('.xiugai-btn').css('display','');$('.xgbtnj').css('display','none');$('.map-click').css('opacity',1);$('.remind-btn').css({"display":"none"});$('#alertphone').prop('disabled',true);$('input[name="baojing"]').prop('disabled',true);v=0;}var t = $(".table2 tbody tr .check-dan").eq(i)[0];if(e.toElement.type != 'checkbox' && ($(t).attr("disabled") != 'disabled')) {if($(t).is(':checked')) {$(t).removeAttr('checked');} else {$(t).prop('checked','true');}}var rslt = $(t).is(':checked');if(rslt) {$('.check-dan').each(function(ts, item0){$(item0).removeAttr('disabled');})$(".table2 tbody tr").eq(i).css('background','#e7eaee');mar.setIcon(f.imgPathNew + "/red_b_" + (i+1) + ".png");mar.setzIndex(300);} else {$(".table2 tbody tr").eq(i).css('background','#fafafa');if(posObj.geostatus == 0) {mar.setIcon(f.imgPathNew + "/red_s_" + (i+1) + ".png");} else if(posObj.geostatus == 1) {mar.setIcon(f.imgPathNew + "/green_" + (i+1) + ".png");} else {mar.setIcon(f.imgPathNew + "/blue_" + (i+1) + ".png");}mar.setzIndex(100);}//$('.enclosure .position .check-dan:checked').length;$('.check-dan').each(function(i, item){if($(item).is(':checked')) {cnt ++;if(cnt == 1) {plate_Id = $(this).attr("plateId");lat_ = trim_($(this).attr("lat"));lon_ = trim_($(this).attr("lon"));var lnglatXY = [lon_, lat_]; geocoder.getAddress(lnglatXY, function(status, result) { if (status == 'complete' && result.info == 'OK') { addr_ = result.regeocode.formattedAddress; } else { addr_ = ''; }$("#centeraddress").val(addr_);$("#centeraddress_old").val(addr_);});phone_ = trim_($(this).attr("phone"));isalert_ = trim_($(this).attr("isalert"));radius_ = trim_($(this).attr("radius"));}}})if(cnt >= 1) {if('null'==plate_Id){$("#plateId").html('');}else{$("#plateId").html(plate_Id);}$("#plateId").html(plate_Id);$("#latitude").val(lat_);$("#longitude").val(lon_);$("#radius").val(radius_);$("#radius_old").val(radius_);$("#alertphone").val(phone_);$('input[name="baojing"]').each(function(l, it) {if(isalert_) {if($(it).val() == isalert_) {$(it).prop('checked','true');} else {$(it).removeAttr('checked');}} else {if($(it).val() == 1) {$(it).prop('checked','true');} else {$(it).removeAttr('checked');}}});$('.enclosure .right .tbl a').eq(index_shezhi).addClass('active').css('background','#2b84ff').siblings().removeClass('active').css('background','#fafafa');$('.tbl-right').hide().eq(index_shezhi).show();$('.enclosure .right .tbl i').hide();}//--------------------------------var selectStatusVal=$("#geopgstate").val();//状态值var selectAllCurrent=$("#selectall").val();//是否全选或当页//if(selectAllCurrent==''&&selectStatusVal==''){//所有的单个选择 默认状态所有if(selectAllCurrent==''){//没有选择全选所有或当页，只能单个选if($('input[name="id"]:checked').length>1){//选中1个以上if(tableCheckValue.length>0){for(var ki=0;ki<tableCheckValue.length;ki++){$('input[name="id"]:checked').each(function(){if($(this).val()==tableCheckValue[ki]){this.checked=false;$(this).parents('tr').css('background','#fafafa');//$(this).css('background','#fafafa');} });}tableCheckValue.length=0;}}else{tableCheckValue.length=0;}$('input[name="id"]:checked').each(function(){var sv=$(this).val();tableCheckValue.push(sv);});}if(selectAllCurrent=='0'&&selectStatusVal!=''){//点击选中时，看值是否在未选中的里面$('input[name="id"]:not(:checked)').each(function(){selectAllNoCheckValue.push($(this).val());})selectAllNoCheckValue=uniQueue(selectAllNoCheckValue);$('input[name="id"]:checked').each(function(){var selectv=$(this).val();var sn = selectAllNoCheckValue.indexOf(selectv);if(sn!=-1){selectAllNoCheckValue.splice(sn,1);}})//alert(selectAllNoCheckValue.length);}if(cnt == 1){if(!window.Fsp.IS_READ_ONLY_ENV) {//setGeofenceInfoNoValide();}}if(cnt > 1){$("#plateId").html("查看已选车辆");}if(cnt < 1){disableSetGeofenceBtn();$("#latitude").val("");$("#longitude").val("");$("#centeraddress").val("");$("#centeraddress_old").val("");$("#radius").val("");$("#radius_old").val("");$("#alertphone").val("");$('.enclosure .right .tbl a').eq(0).removeClass('active').css('background','#ACA7A7').siblings().css('background','#fafafa');$('.enclosure .right .tbl a').eq(1).removeClass('active').css('background','#fafafa').siblings().css('background','#ACA7A7');$('.enclosure .right .tbl-right').hide();//$('.enclosure .right .tbl i').show();}};$(".table2 tbody tr").eq(i).bind("click", MouseClick_CallBack);//$(".table2 tbody tr .check-dan").eq(i).bind("mouseover", MouseOver_CallBack);//$(".table2 tbody tr").eq(i).bind("mouseout", MouseOut_CallBack);AMap.event.addListener(mar, "mouseover", MouseOver_CallBack);AMap.event.addListener(mar, "mouseout", MouseOut_CallBack);} else {$(".table2 tbody tr").eq(i).bind("mouseover", Close_Windows);$(".table2 tbody tr").eq(i).bind("mouseout", Close_Windows);}}}function addcircle(i, posObj) {if(posObj.longitude && posObj.latitude && posObj.radius) {var lngX = posObj.longitude;var latY = posObj.latitude;var radius_ = posObj.radius ;if(radius_.indexOf("KM") > 0) {radius_ = posObj.radius.replace("KM","");radius_ = radius_ * 1000;var circle = new AMap.Circle({ center: new AMap.LngLat(lngX, latY),// 圆心位置 radius: radius_, //半径 strokeColor: "#2B84FF", //线颜色 strokeOpacity: 1, //线透明度 strokeWeight: 1, //线粗细度 fillColor: "#2B84FF", //填充颜色 fillOpacity: 0.28//填充透明度 });circle.on('rightclick', function(e) { f.menu.contextMenu.open(map, e.lnglat); f.menu.contextMenuPositon = e.lnglat; //右键菜单位置 }); circle.setMap(map);}}}function refreshDBGeoStatus_noGeofenceInterface() {if($("#geopgstate").val()==''){//没有选择状态 允许 刷新 $.ajax({url:f.locationPath+"/getRestAllVehicleBind?t="+new Date().getTime(),async:true }).done(function(data) {if(data.length>0){$.each(data, function(i, item){$.ajax({url:f.locationPath+"/getLocationByVin?t="+new Date().getTime(),async:true,data: {"vin":item.vin} }).done(function(data) {if(data&&(data.code=='E0000'||data.code=='0000')){if(data.data&&data.data.length>0){var posObj = data.data[0];if(parseInt(posObj.lat)!=515||parseInt(posObj.lon)!=515){if(!isNull_(item.longitude) && !isNull_(item.latitude) && !isNull_(item.radius)) {var radius_t = item.radius;if(radius_t.indexOf("KM") > 0) {radius_t = radius_t.replace("KM", "");radius_t = radius_t*1000;var circle = new AMap.Circle({ center: new AMap.LngLat(item.longitude, item.latitude),// 圆心位置 radius: radius_t });var geostatus = 2;//未设置if(circle.contains(new AMap.LngLat(posObj.lon, posObj.lat))) {geostatus = 1;//未出圈} else {geostatus = 0;//出圈}//$.ajax({url:f.locationPath+"/updateGeoFenceStatus?t="+new Date().getTime(),async:true,data: {"id":item.id, "geostatus":geostatus} });}}/* else {$.ajax({url:f.locationPath+"/updateGeoFenceStatus?t="+new Date().getTime(),async:true,data: {"id":item.id, "geostatus":2} });}*/}/* else {$.ajax({url:f.locationPath+"/updateGeoFenceStatus?t="+new Date().getTime(),async:true,data: {"id":item.id, "geostatus":2} });}*/}/* else {$.ajax({url:f.locationPath+"/updateGeoFenceStatus?t="+new Date().getTime(),async:true,data: {"id":item.id, "geostatus":2} });}*/} /*else {$.ajax({url:f.locationPath+"/updateGeoFenceStatus?t="+new Date().getTime(),async:true,data: {"id":item.id, "geostatus":2} });}*/});});}});$(".btn3").click(); }}f.refreshDBGeoStatus_noGeofenceInterface = refreshDBGeoStatus_noGeofenceInterface;function refreshDBGeoStatus() {$.ajax({url:f.locationPath+"/getRestAllVehicleBind?t="+new Date().getTime(),async:true }).done(function(rslt) {if(rslt.length>0){$.each(rslt, function(i, item){$.ajax({url:f.locationPath+"/getGeofenceStatus?t="+new Date().getTime(),async:true,data: {"vin":item.vin} }).done(function(data) {if(data&&(data.code=='E0000'||data.code=='0000')){if(data.body&&data.body.length>0){var posObj = data.body[0];var geostatus = 1;if(!isNull_(posObj.securityStatus)){if(posObj.securityStatus == 'IN') {//未出圈geostatus = 1;} else if(posObj.securityStatus == 'OUT') {//出圈geostatus = 0;}//$.ajax({url:f.locationPath+"/updateGeoFenceStatus?t="+new Date().getTime(),async:false,data: {"id":item.id, "geostatus":geostatus} });}}}});});}});$(".btn3").click();}f.refreshDBGeoStatus = refreshDBGeoStatus;function refreshCurrentPageGeoStatus() {$("input[type='checkbox']").each(function(i, item){var vin = $(item).attr("vin");$.ajax({url:f.locationPath+"/getLocationByVin?t="+new Date().getTime(),async:false,data: {"vin":vin} }).done(function(data) {if(data&&(data.code=='E0000'||data.code=='0000')){if(data.data&&data.data.length>0){var posObj = data.data[0];if(parseInt(posObj.lat)!=515||parseInt(posObj.lon)!=515){if(item.longitude && item.latitude && item.radius) {var radius_t = item.radius;if(radius_t.indexOf("KM") > 0) {radius_t = radius_t.replace("KM", "");radius_t = radius_t*1000;var circle = new AMap.Circle({ center: new AMap.LngLat(item.longitude, item.latitude),// 圆心位置 radius: radius_t });var geostatus = 0;if(circle.contains(new AMap.LngLat(posObj.lon, posObj.lat))) {//未出圈geostatus = 1;} else {//出圈geostatus = 0;}//$.ajax({url:f.locationPath+"/updateGeoFenceStatus?t="+new Date().getTime(),async:false,data: {"id":item.id, "geostatus":geostatus} });}}}}}});});}f.refreshCurrentPageGeoStatus = refreshCurrentPageGeoStatus;function addResultEvent(){}function trim_(obj) {if(obj == "" || obj == "null" || obj == null || obj == undefined) {return '';} else {return obj;}}f.trim_ = trim_;function isNull_(obj) {if(obj == "" || obj == "null" || obj == null || obj == undefined) {return true;} else {return false;}}f.isNull_ = isNull_;var localdirectg = function() {disableSetGeofenceBtn();chageCurrentPageGeostatus();if(locations.length > 0) {SosMap.setVehicleLocations(locations);}$("input[type='checkbox']").each(function(i, item){if(i==0) {var first_plateId = $(item).attr("plateId");if('null'==first_plateId){$("#plateId").html('');}else{$("#plateId").html(first_plateId);}}});}f.localdirectg = localdirectg;var chageCurrentPageGeostatus = function() {locations.length = 0;$('.check-dan').each(function(i, item){var vin_ = $(".table2 tbody tr").eq(i).attr("vin");var longitude = $(this).attr("lon");var latitude = $(this).attr("lat");var radius = $(this).attr("radius");$.ajax({url:f.locationPath+"/getLocationByVin?t="+new Date().getTime(),async:false,data: {"vin":vin_} }).done(function(data) {if(data&&(data.code=='E0000'||data.code=='0000')){var posObj = data.data[0];if(data.data&&data.data.length>0){if(parseInt(posObj.lat)!=515||parseInt(posObj.lon)!=515){if(radius.indexOf("KM") > 0) {var radius_t = radius.replace("KM", "");radius_t = radius_t*1000;if('null'==longitude){longitude=0;}if('null'==latitude){latitude=0;}var circle = new AMap.Circle({ center: new AMap.LngLat(longitude, latitude),// 圆心位置 radius: radius_t });var geostatus = 2;if(circle.contains(new AMap.LngLat(posObj.lon, posObj.lat))) {//未出圈geostatus = 1;$(this).parent().prev().find("a").html("未出圈");$(this).parent().prev().find("a").addClass('no_chuquan').removeClass('chuquan').removeClass('no_set');} else {//出圈geostatus = 0;$(this).parent().prev().find("a").html("出圈");$(this).parent().prev().find("a").addClass('chuquan').removeClass('no_chuquan').removeClass('no_set');}if(geostatus == 2) {$(this).parent().prev().find("a").html("未设置");$(this).parent().prev().find("a").addClass('no_set').removeClass('chuquan').removeClass('no_chuquan');}//$(".table2 tbody tr").eq(i).attr("geostat", geostatus);posObj.geostatus = geostatus;}}}locations.push(posObj);}else{locations.push(posObj);}});});}f.chageCurrentPageGeostatus = chageCurrentPageGeostatus;var detail_vin ;var _Timer = function(vin){var time = 120000,timer,vin_ = vin,ele_,t = timer,scheduler=this;this.setVin=function(vin){vin_=vin;}this.setEle=function(ele){ele_=ele;}function run(){f.currentVin = vin_;if(!f.currentVin){t.stop();return;}var i=0;$(".tingzhu").each(function(){$.ajax({url:f.locationPath+"/getRestVehicleBind?t="+new Date().getTime(),async:false,data: {"vin":""} }).done(function(data) {var content = data.pageResult.content;if(content.length>0){SosMap.setVehicleLocations(content);}});});}this.start=function(){if(timer){this.stop();}run();timer = w.setInterval(run, time);}this.stop=function(){if(timer){w.clearInterval(timer);timer=null;}}}var timer = f.monitorTimer = new _Timer();$("#radius").bind("change", function(){$('.erro-info').css('color','#fafafa');var cnt = $('.check-dan:checked').length;if(cnt >= 1) {enableSetGeofenceBtn();}});//点击地图锚点 var posMarker = undefined; $(".map-click").bind("click",function(e){$('.erro-info').css('color','#fafafa');var cnt = $('.check-dan:checked').length;if(cnt>0){var z=$('input[name="id"]:checked').parents('tr').attr('geostat');if(z!='4'){if(cnt >= 1) {enableSetGeofenceBtn();} if(posMarker) { } else { posMarker = new AMap.Marker({ map:map, position: map.getCenter(), size: new AMap.Size(50, 66), offset:{x:-23,y:-72}, icon: f.imgPathNew + "/chose-icon.png", draggable: true, cursor: 'move', raiseOnDrag: true }); var DraggingMarker_Event = function(e){ //var lat = String(e.lnglat.I); //lat = lat.substring(0,10); //var lng = String(e.lnglat.D); // = lng.substring(0,10); var lat = String(e.lnglat.lat); var lng = String(e.lnglat.lng); $("#latitude").val(lat); $("#longitude").val(lng) posMarker.setPosition(new AMap.LngLat(lng,lat)); var address = ""; geocoder.getAddress([lng, lat], function(status, result) { if (status === 'complete' && result.info === 'OK') { //获得了有效的地址信息: address = result.regeocode.formattedAddress; }else{ address = ''; } $("#centeraddress").val(address); }); } geocoder.getAddress(map.getCenter(), function(status, result) { if (status === 'complete' && result.info === 'OK') { address = result.regeocode.formattedAddress; }else{ address = ''; } $("#centeraddress").val(address); }); AMap.event.addListener(posMarker, 'dragging', DraggingMarker_Event); }}}});//$(".search_position").bind("click",function(){ f.confirmSubmit=functionconfirmSubmit(){ var addr = $("#centeraddress").val(); var t = placeSearch.search(addr); return false;}//});function enableSetGeofenceBtn() {$('#setGeofence').css('background','#2b84ff');$('#setGeofence').removeAttr('disabled');}function disableSetGeofenceBtn() {closemark();$('#setGeofence').css('background','#ACA7A7');$('#setGeofence').attr('disabled',true);}$("#centeraddress").bind("keydown", function(){$('.erro-info').css('color','#fafafa');var cnt = 0;$('.check-dan').each(function(i, item){if($(item).is(':checked')) {cnt ++;}});if(cnt >= 1) {enableSetGeofenceBtn();}});function changeCheckedGeostat(longitude, latitude, radius) {$('.check-dan').each(function(i, item){if($(item).is(':checked')) {var vin_ = $(".table2 tbody tr").eq(i).attr("vin");$.ajax({url:f.locationPath+"/getLocationByVin?t="+new Date().getTime(),async:false,data: {"vin":vin_} }).done(function(data) {if(data&&(data.code=='E0000'||data.code=='0000')){if(data.data&&data.data.length>0){var posObj = data.data[0];if(parseInt(posObj.lat)!=515||parseInt(posObj.lon)!=515){if(radius.indexOf("KM") > 0) {var radius_t = radius.replace("KM", "");radius_t = radius_t*1000;var circle = new AMap.Circle({ center: new AMap.LngLat(longitude, latitude),// 圆心位置 radius: radius_t });var geostatus = 2;if(circle.contains(new AMap.LngLat(posObj.lon, posObj.lat))) {//未出圈geostatus = 1;} else {//出圈geostatus = 0;}$(".table2 tbody tr").eq(i).attr("geostat", geostatus);}}}}});}});}function displayValue(cnt) {if(cnt >= 1) {if('null'==plate_Id){$("#plateId").html('');}else{$("#plateId").html(plate_Id);}$("#latitude").val(lat_);$("#longitude").val(lon_);$("#radius").val(radius_);$("#radius_old").val(radius_);$("#alertphone").val(phone_);$('input[name="baojing"]').each(function(l, it) {if(isalert_) {if($(it).val() == isalert_) {$(it).prop('checked','true');} else {$(it).removeAttr('checked');}} else {if($(it).val() == 1) {$(it).prop('checked','true');} else {$(it).removeAttr('checked');}}});}if(cnt < 1){disableSetGeofenceBtn();$("#latitude").val("");$("#longitude").val("");$("#centeraddress").val("");$("#centeraddress_old").val("");$("#radius").val("");$("#radius_old").val("");$("#alertphone").val("");}}/*$("#setGeofenceMenu").bind("click",function(e){//index_shezhi = 1;$('.check-dan').each(function(i, item){$(item).removeAttr('disabled');});var cnt = 0;var plate_Id = "";var lat_ = "";var lon_ = "";var addr_ = "";var phone_ = "";var isalert_ = "";var radius_ = "";$('.check-dan').each(function(i, item){if($(item).is(':checked')) {cnt ++;if(cnt == 1) {plate_Id = $(this).attr("plateId");lat_ = trim_($(this).attr("lat"));lon_ = trim_($(this).attr("lon"));var lnglatXY = [lon_, lat_]; geocoder.getAddress(lnglatXY, function(status, result) { if (status == 'complete' && result.info == 'OK') { addr_ = result.regeocode.formattedAddress; } else { addr_ = ''; }$("#centeraddress").val(addr_);$("#centeraddress_old").val(addr_);});phone_ = trim_($(this).attr("phone"));isalert_ = trim_($(this).attr("isalert"));radius_ = trim_($(this).attr("radius"));}}});displayValue(cnt);if(index_shezhi == 1) {if(cnt >= 1) {$('.enclosure .right .tbl a').eq(index_shezhi).addClass('active').css('background','#fafafa').siblings().removeClass('active').css('background','#2b84ff');}if(cnt < 1){index_shezhi = 0;}} else {if(cnt >= 1) {$('.enclosure .right .tbl a').eq(index_shezhi).addClass('active').css('background','#2b84ff').siblings().removeClass('active').css('background','#fafafa');}if(cnt < 1){index_shezhi = 1;}}$('.enclosure .right .tbl a').eq(index_shezhi).addClass('active').css('background','#ACA7A7').siblings().removeClass('active').css('background','#fafafa');$('.enclosure .right .tbl-right').hide();$('.enclosure .right .tbl i').show();});*/$("#setGeofence").bind("click",function(e){var centeraddress = $("#centeraddress").val();var centeraddress_old = $("#centeraddress_old").val();var latitude = $("#latitude").val();var longitude = $("#longitude").val();var radius = $("#radius").val();var radius_old = $("#radius_old").val();var geostatus_old = $("#geostatus_old").val();changeCheckedGeostat(longitude, latitude, radius);var chk_values =[];var geostatus_values =[];$('.check-dan').each(function(i, item){if($(item).is(':checked')) {chk_values.push($(this).val());geostatus_values.push($(".table2 tbody tr").eq(i).attr("geostat"));}});var isall=$("#selectall").val();var selectStatus=$("#geopgstate").val();var data = {"id":chk_values,"address":centeraddress,"latitude":latitude,"longitude":longitude,"geostatus":geostatus_values,"radius":radius,"isall":isall,"selectstatus":selectStatus,"cancelvalue":selectAllNoCheckValue.toString()};if(centeraddress == centeraddress_old && radius_old == radius) {$('#tipinfo').html("围栏信息没有修改，请您修改后再保存");$('.erro-info').css('color','red');} else {if(chk_values.length==0 || isNull_(centeraddress) || isNull_(latitude) || isNull_(longitude) || isNull_(radius)) {if(isNull_(latitude) || isNull_(longitude)) {$('#tipinfo').html("围栏经纬度没定位");}if(isNull_(centeraddress)) {$('#tipinfo').html("围栏地址没填");}$('.erro-info').css('color','red');disableSetGeofenceBtn();} else {$.ajax({url:f.locationPath+"/setGeofenceInfo?t="+new Date().getTime(), async:false, data:data }).done(function(data) {$("form[name=fm]").attr("action","showVehicleBindJson").submit();$('.enclosure .right .tbl a').eq(0).removeClass('active').css('background','#ACA7A7').siblings().css('background','#fafafa');$('.enclosure .right .tbl a').eq(1).removeClass('active').css('background','#fafafa').siblings().css('background','#ACA7A7');$('.enclosure .right .tbl-right').hide();posMarker = undefined;});}}});$(".remind-btn").bind("click",function(e){var chk_values =[];$('input[name="id"]:checked').each(function(){if($(this).attr("disabled") == undefined || $(this).attr("disabled") != "disabled") {chk_values.push($(this).val());} });if(chk_values.length > 0) {var alertphone = $("#alertphone").val();var isalert = $('input[name="baojing"]:checked').val();var latitude = $("#latitude").val();var longitude = $("#longitude").val();var radius = $("#radius").val();var isall=$("#selectall").val();var selectStatus=$("#geopgstate").val();var data = {"id":chk_values,"alertphone":alertphone,"latitude":latitude,"longitude":longitude,"radius":radius,"isalert":isalert,"isall":isall,"selectstatus":selectStatus,"cancelvalue":selectAllNoCheckValue.toString()};$.ajax({url:f.locationPath+"/setGeofenceAlert?t="+new Date().getTime(), async:false, data:data }).done(function(data) {$('.check-dan').each(function(i, item){if($(item).is(':checked')) {$(this).attr("isalert", isalert);$(this).attr("phone", alertphone);}})});}});function _initAutoComplete(){var searchbox = $( "#searchbox" );var val = searchbox.val();searchbox.autocomplete({source: function(request,response){if(request.term.length<1){return;}var reqBody = {keyword:request.term};reqBody[f.Csrf.parameterName] = f.Csrf.token;$.post(f.vehiclePath+"/autoComplete?t="+new Date().getTime(),reqBody,function(data){response(data);});}});}function showSignOffLocation(vin){window.open(f.locationPath+"/getLocationHistoryByVin?vin="+vin);//f.popup.open(f.locationPath+"/getLocationHistoryByVin?vin="+vin+"&t="+new Date().getTime());}function addVehicleDetailsEvent(){$("#tingzhu0 [vin]").each(function(){$(this).click(function(){showSignOffLocation($(this).attr("vin"));return !1;});});}function getLocationByVin(vin,ele){timer.setVin(vin);timer.setEle(ele);timer.start();}function addEnterEvent(){$("form").bind("keydown",function(e){e=e||window.event;var key = e.which||e.keycode; if (key == 13) { $(this).submit(); }});function searchVehicleCallback(tmpl,obj,pageHtml){var rsHtml = tmpl.html(obj.page);var body = rsHtml+pageHtml;if(obj.page.totalElements < 1) {$("#tbody").html("");} else {$("#tbody").html(body);}$("#geofencepage").html(pageHtml);if(!$(".arrow").hasClass('current')){$(".arrow").click();}}function searchVehicle(data){var pageJson = f.Util.castPage(data);pageJson.type = "simple";if(!f.Pages.hasPage("defaultPage")){page = f.Pages.addPage(pageJson,"defaultPage");registerSetPage();}else{page = f.Pages.getPage("defaultPage");page.binding(pageJson);}var pageHtml = page.html();f.Jqote2.get("geofence",function(tpl,tmpl,jqote){searchVehicleCallback(tmpl,page,pageHtml);page.referesh();addResultEvent();addOrderEvent();});}$("form").submit(function(){var reqBody =$(this).serialize();$.post(this.action+"?t="+new Date().getTime(),reqBody,function(data){searchVehicle(data);var content = data.pageResult.content;if(content.length > 0) {SosMap.setGeofenceCircles(content);//chageCurrentPageGeostatus();localdirectg();}else{$('#plateId').html('');}var selectStatusVal=$("#selectall").val();if(selectStatusVal=='1'){//选中当页 if(selectCurrPageValue.length==0){$("input[name='id']").prop("checked",true);$('input[name="id"]:checked').each(function(){selectCurrPageValue.push($(this).val());$(this).parents('tr').css('background','#fafafa');})$('input[name="id"]:checked').each(function(){$(this).trigger("click");$(this).trigger("click");return false;}) }else{ selectCurrPageValue.length==0 selectCurrPageValue.length=11; /// selectCurrPageValue.length=11; }}if(selectStatusVal=='0'){//选中所有（也是当页值）$("input[name='id']").each(function(){var zv=$(this).val();if(selectAllNoCheckValue.indexOf(zv)==-1){//不再这里面$(this).prop("checked",true);}})$('input[name="id"]:checked').each(function(){$(this).parents('tr').css('background','#fafafa');})$('input[name="id"]:checked').each(function(){$(this).trigger("click");$(this).trigger("click");return false;})}var selectStatusVal=$("#geopgstate").val();//状态值if(''==selectStatusVal||undefined==selectStatusVal){//$('#table-quanxuan').css({"background-color":"#C1C1C1","cursor":"default"});$('#table-quanxuans').css({"visibility":"hidden"});}else{//$('#table-quanxuan').css({"background-color":"white","cursor":"pointer"});$('#table-quanxuans').css({"visibility":"visible"});}geoselect();$(".right .tbl .active").trigger("click");});return !1;});}function addLoginBtnEvent(){$(".btn3").bind("click",function(e){$("input[name=page]").val(0);/*if($("#first").val() == "true") {var action_ = $("form[name=fm]").attr("action");action_ = action_.replace("showVehicleBindJson","showFirstVehicleBindJson");$("form[name=fm]").attr("action",action_);} else {var action_ = $("form[name=fm]").attr("action");action_ = action_.replace("showFirstVehicleBindJson","showVehicleBindJson");}*/$("form[name=fm]").attr("action","showVehicleBindJson");$("form[name=fm]").submit();posMarker = undefined;});$(document).ready(function(){$(".btn3").click();if($("#first").val() == "true"){$("#first").val("false");}});}function setGeofenceInfoNoValide(){var centeraddress = $("#centeraddress").val();var centeraddress_old = $("#centeraddress_old").val();var latitude = $("#latitude").val();var longitude = $("#longitude").val();var radius = $("#radius").val();var radius_old = $("#radius_old").val();var geostatus_old = $("#geostatus_old").val();changeCheckedGeostat(longitude, latitude, radius);var chk_values =[];var geostatus_values =[];$('.check-dan').each(function(i, item){if($(item).is(':checked')) {chk_values.push($(this).val());geostatus_values.push($(".table2 tbody tr").eq(i).attr("geostat"));}});var data = {"id":chk_values,"address":centeraddress,"latitude":latitude,"longitude":longitude,"geostatus":geostatus_values,"radius":radius};$.ajax({url:f.locationPath+"/setGeofenceInfo?t="+new Date().getTime(), async:false, data:data });}f.setGeofenceInfoNoValide = setGeofenceInfoNoValide;function resetForm(){if(page){page.condition&&page.condition.keyword?$("input[name=keyword]").val(page.condition.keyword):!1;if(page.orders&&page.orders.length>0){$("input[name=orders\\[0\\]\\.property").val(page.orders[0].property);$("input[name=orders\\[0\\]\\.direction").val(page.orders[0].direction);}}}function registerSetPage(){f.Pages.registerPage(function(pageNow,pageConfig,p){resetForm();$("input[name=page]").val(pageNow);$("form[name=fm]").submit();posMarker = undefined;},"defaultPage");}function addOrderEvent(){var co = currentOrder;var coe = co?$("th[order="+co.property.replace(".",'\\.')+"]"):!1;if(co&&coe.length>0){coe.find("span.ico").eq(0).append("<span class='filter "+(co.direction=='DESC'?'':"current")+"'></span>");}$("th[order]").each(function(){$(this).css("cursor","pointer");$(this).click(function(){var property,direction='DESC';if(co&&co.property==$(this).attr("order")){direction = co.direction=='DESC'?'ASC':'DESC';}property = $(this).attr("order");currentOrder={property:property,direction:direction};resetForm();$("input[name=orders\\[0\\]\\.property").val(property);$("input[name=orders\\[0\\]\\.direction").val(direction);$("form[name=fm]").submit();});});}function addArrowEvent(){$(".arrow").click(function(){$(this).prev().toggle();alert('0');$(this).toggleClass('current');return !1;});}function _init(){_initMap();_initAutoComplete();addEnterEvent();addLoginBtnEvent();addArrowEvent();}_init(); function uniQueue(arrays){ var arrs=[]; var ms; while(arrays.length>0){ ms=arrays[0]; arrs.push(ms); arrays=$.grep(arrays,function(ns,is){ return ns==ms; },true); } return arrs; } })(window.Fsp,jQuery,window);
0 0
