| | |
| | | var data = res.driver; |
| | | var order = res.order; |
| | | var d = ''; |
| | | var markerArray = []; // 用于存储所有标记对象的数组 |
| | | for(var i in data){ |
| | | var driver = data[i].driver; |
| | | var driverId = driver.id; |
| | |
| | | if('' != data[i].lon){ |
| | | var point = new BMapGL.Point(data[i].lon, data[i].lat); |
| | | // 创建小车图标 |
| | | var myIcon = new BMapGL.Icon("/static/car.png", new BMapGL.Size(52, 26)); |
| | | var myIcon = new BMapGL.Icon("/static/car.png", new BMapGL.Size(40, 40)); |
| | | // 创建Marker标注,使用小车图标 |
| | | var marker = new BMapGL.Marker(point, { |
| | | icon: myIcon |
| | | }); |
| | | marker.on('click', function(){ |
| | | Home.openNetCarInfo(driverId); |
| | | }); |
| | | // 使用立即执行函数表达式 (IIFE) 捕获当前的 driverId |
| | | (function(driverId) { |
| | | marker.addEventListener('click', function () { |
| | | Home.openNetCarInfo(driverId); |
| | | }); |
| | | })(driverId); |
| | | // markers.push(marker) |
| | | map.addOverlay(marker); |
| | | markerArray.push(marker); // 将标记对象添加到数组中 |
| | | } |
| | | } |
| | | // 清除之前的标记 |
| | | map.clearOverlays(); |
| | | |
| | | // 批量添加所有标记到地图 |
| | | for (var j = 0; j < markerArray.length; j++) { |
| | | map.addOverlay(markerArray[j]); |
| | | } |
| | | $('#netcardriver').html(d); |
| | | |
| | |
| | | uid: uid |
| | | }, |
| | | success: function (res) { |
| | | var style = [{ |
| | | url: 'https://a.amap.com/jsapi_demos/static/images/mass0.png', |
| | | anchor: new AMap.Pixel(6, 6), |
| | | size: new AMap.Size(11, 11) |
| | | }, { |
| | | url: 'https://a.amap.com/jsapi_demos/static/images/mass1.png', |
| | | anchor: new AMap.Pixel(4, 4), |
| | | size: new AMap.Size(7, 7) |
| | | }, { |
| | | url: 'https://a.amap.com/jsapi_demos/static/images/mass2.png', |
| | | anchor: new AMap.Pixel(3, 3), |
| | | size: new AMap.Size(5, 5) |
| | | }]; |
| | | |
| | | var mass = new AMap.MassMarks(citys, { |
| | | opacity: 0.8, |
| | | zIndex: 111, |
| | | cursor: 'pointer', |
| | | style: style |
| | | }); |
| | | |
| | | var marker = new AMap.Marker({content: ' ', map: map_}); |
| | | |
| | | mass.on('mouseover', function (e) { |
| | | |
| | | marker.setPosition(e.data.lnglat); |
| | | marker.setLabel({content: e.data.name}) |
| | | }); |
| | | |
| | | map_.clearOverlays(); |
| | | // 创建点标记 |
| | | // 在地图上添加点标记 |
| | | var data = []; |
| | | console.log("看看返回参数") |
| | | console.log(res) |
| | | for(var i in res){ |
| | | var obj = { |
| | | lnglat: [res[i].lon, res[i].lat] |
| | | if (res[i].lon!="" && res[i].lat!=""){ |
| | | var marker = new BMapGL.Marker(new BMapGL.Point(res[i].lon,res[i].lat )); |
| | | map_.addOverlay(marker); |
| | | } |
| | | data.push(obj); |
| | | |
| | | } |
| | | mass.setData(data); |
| | | mass.setMap(map_); |
| | | } |
| | | }); |
| | | } |