87,901
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body,
html,
#allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=CSHY7cqPUt89ltPGNc7LK7wjG4qutlfB"></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<!-- <script src = "baiduTileslnfo.js"></script> -->
<script src="qwebchannel.js"></script>
<!--JS通过该程序识别QT中的程序-->
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap", {
enableMapClick: false
}); // 创建Map实例,关闭底图可点功能
map.centerAndZoom(new BMap.Point(106.54, 29.510), 12); // 初始化地图,设置中心点坐标和地图级别
var myStyleJson = [{
"featureType": "poilabel",
"elementType": "all",
"stylers": {
"visibility": "off"
}
},
{
"featureType": "green",
"elementType": "all",
"stylers": {
"visibility": "off"
}
},
{
"featureType": "districtlabel",
"elementType": "all",
"stylers": {
"visibility": "off"
}
}
];
map.setMapStyle({
styleJson: myStyleJson
});
map.enableScrollWheelZoom(false); //开启鼠标滚轮缩放
// map.disableDragging();
map.enableDragging();
var geoc = new BMap.Geocoder();
// 设置路口坐标
var point1 = new BMap.Point(106.564146, 29.62711);
var point2 = new BMap.Point(106.446864, 29.519303);
var point3 = new BMap.Point(106.612727, 29.590434);
var point4 = new BMap.Point(106.602953, 29.392249);
var point5 = new BMap.Point(106.654696, 29.344405);
var point6 = new BMap.Point(106.578807, 29.29553);
var point7 = new BMap.Point(106.74582, 29.542684);
var point8 = new BMap.Point(106.616176, 29.633892);
var point9 = new BMap.Point(106.307734, 29.47001);
var point10 = new BMap.Point(106.312333, 29.643183);
var point11 = new BMap.Point(106.342229, 29.24764);
var point12 = new BMap.Point(106.796412, 29.639668);
var point13 = new BMap.Point(106.928643, 29.619575);
var marker1 = new BMap.Marker(point1); //创建标注
var marker2 = new BMap.Marker(point2);
var marker3 = new BMap.Marker(point3);
var marker4 = new BMap.Marker(point4);
var marker5 = new BMap.Marker(point5);
var marker6 = new BMap.Marker(point6);
var marker7 = new BMap.Marker(point7);
var marker8 = new BMap.Marker(point8);
var marker9 = new BMap.Marker(point9);
var marker10 = new BMap.Marker(point10);
var marker11 = new BMap.Marker(point11);
var marker12 = new BMap.Marker(point12);
var marker13 = new BMap.Marker(point13);
map.addOverlay(marker1); //将标注添加到地图
map.addOverlay(marker2);
map.addOverlay(marker3);
map.addOverlay(marker4);
map.addOverlay(marker5);
map.addOverlay(marker6);
map.addOverlay(marker7);
map.addOverlay(marker8);
map.addOverlay(marker9);
map.addOverlay(marker10);
map.addOverlay(marker11);
map.addOverlay(marker12);
map.addOverlay(marker13);
//根据起终点经纬度查询驾车路线
//计算驾车距离和时间
var output = "驾车需要";
var searchComplete = function(results) {
if (transit.getStatus() != BMAP_STATUS_SUCCESS) {
return;
}
var plan = results.getPlan(0);
// output += plan.getDuration(true) + "\n"; //获取时间
// output += "总路程为:";
output += plan.getDistance(true) + "\n"; //获取距离
}
var transit = new BMap.DrivingRoute(map, {
renderOptions: {
map: map
},
onSearchComplete: searchComplete
// ,
// onPolylinesSet: function() {
// setTimeout(function() {
// alert(output)
// }, "1000"
});
// }
// }
// );
var point91 = new BMap.Point();
var point92 = new BMap.Point();
bridgeforJS.readFile(point91, point92);
transit.search(point91, point92);
bridgeforJS.getDistance(output);
map.addEventListener("click", function(e) {
var pt = e.point;
// alert(e.point.lng + "," + e.point.lat);
bridgeforJS.getCoordinate(e.point.lng, e.point.lat);
var point1 = new BMap.Point(pt.lng, pt.lat);
var maker = new BMap.Marker(point1);
map.addOverlay(maker);
});
var menu = new BMap.ContextMenu();
var txtMenuItem = [{
text: '放大',
callback: function() {
map.zoomIn()
}
},
{
text: '缩小',
callback: function() {
map.zoomOut()
}
},
{
text: '增加事故发生点',
callback: function() {
bridgeforJS.createAccidentPoint();
map.addEventListener("click", function(e) {
// alert(e.point.lng + "," + e.point.lat);
// bridgeforJS.getLat(e.point.lat);
// bridgeforJS.getLng(e.point.lng);
// mainwindow.bridgeforJS.getCoordinate(e.point.lng, e.point.lat);
})
}
}
];
for (var i = 0; i < txtMenuItem.length; i++) {
menu.addItem(new BMap.MenuItem(txtMenuItem[i].text, txtMenuItem[i].callback, 100));
}
map.addContextMenu(menu);
// QT交互*********************************************
new QWebChannel(qt.webChannelTransport, function(channel) {
window.bridgeforJS = channel.objects.bridgeName; //bridgeName 与QT 中一致
});
// 成功!
</script>
<!---->
function readFile(filename){
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f = fso.OpenTextFile(filename,1);
var s = "";
while (!f.AtEndOfStream)
s += f.ReadLine()+"\n";
f.Close();
return s;
}
function writeFile(filename,filecontent){
var fso, f, s ;
fso = new ActiveXObject("Scripting.FileSystemObject");
f = fso.OpenTextFile(filename,8,true);
f.WriteLine(filecontent);
f.Close();
alert('ok');
}