getMap() {
var carIcon = new BMap.Icon(
require("@/assets/images/shouye/car.svg"),
new BMap.Size(40, 40),
{
imageSize: new BMap.Size(28,28),
imageOffset:new BMap.Size(0,0)
}
);
var map = new BMap.Map("map_shishijiankong");
var point = new BMap.Point(106.3, 33.92);
map.centerAndZoom(point, 5);
map.enableScrollWheelZoom(true);
var marker = new BMap.Marker(point,{icon:carIcon});
map.addOverlay(marker);
marker.addEventListener("click", getdetail);
function getdetail() {
var opts = {
width: 760, // 信息窗口宽度
height: 260, // 信息窗口高度
title : "信息窗口标题" , // 信息窗口标题
message:""
};
var content = `<p>
<i class="el-icon-truck"></i> 车牌号: {{item.chepaihao}}
<span style="float:right;padding-right:7%;font-size:18px">
<i class="el-icon-star-on"></i>
</span>
</p>
<p><i class="el-icon-s-custom"></i> 所属客户: {{item.kehu}}</p>
<p><i class="el-icon-date"></i> 设备时间: {{item.shijian}}</p>
<p><i class="el-icon-s-tools"></i> 状态: {{item.zhuangtai}}</p>
<p><i class="el-icon-location"></i> 位置: {{item.weizhi}}</p>`
var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point); //开启信息窗口
}
},
08-03
2013
12-01
224