<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BDMap Sample</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&type=webgl&ak=vAsKPOWd7xyClyqKw5unuxcXLwFT0Csj"></script>
<script type="text/javascript" src="qwebchannel.js"></script> <!-- 与qt交互的js -->
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
/****************
* 初始化地图
*****************/
var map = new BMapGL.Map("container"); // 创建地图实例
var point = new BMapGL.Point(118.10000, 24.46667); // 创建点坐标
map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(true); // 设置滚轮缩放
// map.setMapType(BMAP_EARTH_MAP); // 设置地图样式,地球模式
map.enableKeyboard();
map.enableDragging();
map.enableDoubleClickZoom();
//addMapControl();//向地图添加控件
/*
function addMapControl()
{
var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
map.addControl(scaleControl);
var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(navControl);
var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
map.addControl(overviewControl);}
}*/
const geoc = new BMapGL.Geocoder();
var infoWindow;
var g_mac;
/****************
* 初始化信息窗口
*****************/
var opts = {
width: 200, // 信息窗口宽度
height: 250, // 信息窗口高度
title: "标注信息" // 信息窗口标题
}
/****************
* qt交互注册
*****************/
new QWebChannel(qt.webChannelTransport,
function(channel){
//注册交互接口
window.JSInterface = channel.objects.JSInterface;
//接受qt信号发送过来的消息
window.JSInterface.sig_sendText.connect(function(message){
console.log("Receivedmessage:"+message);
});
}
);
/****************
* 添加标注
*****************/
function addMarker(lng, lat, ip, imgsrc, mac){
var newpoint = new BMapGL.Point(lng, lat);
var newmarker = new BMapGL.Marker(newpoint); // 创建标注
map.addOverlay(newmarker);
//infoWindow.setTitle("192.168.8.123");
newmarker.addEventListener("click", function(){ // 标点添加点击事件
geoc.getLocation(newpoint, (result) => {
if (result) {
var html = "<div class='box'><img style='width:200px;height:100px;' onload='imgLoad()' src='"+imgsrc+"' /><p>设备IP:"+ip+"</p><p>位置信息:"+result.address+"</p><span><a id='a1' href='javascript:playVideo();'>实时视频</a></span> <span><a id='a2' href='javascript:playRecord();'>录像回放</a></span></div>";
infoWindow = new BMapGL.InfoWindow(html, opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, newpoint); // 打开信息窗口
g_mac = mac;
}
});
});
};
function imgLoad(){
infoWindow.redraw();
}
function playVideo(){
window.JSInterface.slot_receiveStream(g_mac);
}
function playRecord(){
window.JSInterface.slot_receiveStream2(g_mac);
}
/****************
* 删除所有标注
*****************/
function deleteAllMarker()
{
map.clearOverlays();
}
/****************
* 根据经纬度定位地点
*****************/
function locationByLngLat(lng, lat, zoomlevel)
{
var point = new BMapGL.Point(lng, lat);
map.centerAndZoom(point, zoomlevel);
}
/****************
* 根据查找位置定位地点
*****************/
function locationByArea(area, zoomlevel)
{
map.centerAndZoom(area, zoomlevel);
}
/***************
* 返回鼠标移动经纬度
***************/
map.addEventListener("mousemove", function(e){
//console.log(e.point.lng + ", " + e.point.lat); //3.0
window.JSInterface.slot_receiveText(e.latlng.lng, e.latlng.lat);
});
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
QT开发的摄像头电子地图Demo(采用百度地图),可执行程序,不包含源码
共24个文件
dll:13个
png:4个
log:1个
1星 需积分: 0 4 下载量 49 浏览量
2023-11-08
10:49:58
上传
评论
收藏 16.39MB RAR 举报
温馨提示
本软件的工程是在QT-5.8 32位下开发,可以支持其他qtcreator 32位版本(用32位是因为视频播放的码流库是32位)。工程采用的地图是百度地图,需要在百度地图开发者网站上注册账号,并获取到密钥。本工程数据库采用sqlite db,数据库中存储的摄像头是我本地局域网上的摄像头,可以手动更改数据库的设备信息,也可以通过界面右键菜单删除设备,后重新创建设备。软件功能有:可通过右键菜单:创建组、删除组、重命名组、创建设备、右键设备--播放设备、停止播放、重命名设备,删除设备,支持设备拖动到其他组,支持选中设备,地图跳转到该设备,显示当前鼠标经纬度,支持放大级别配置,支持地点定位,支持添加和删除地图标注点,信息弹出框显示信息及播放视频操作。
资源推荐
资源详情
资源评论
收起资源包目录
myEmap-exe-V1.0.rar (24个子文件)
Bin
debug.log 90B
myEmap.exe 271KB
avutil-57.dll 481KB
avformat-59.dll 5.47MB
web
image
192.168.8.138-live.png 548KB
192.168.8.111-live.png 2.6MB
192.168.8.135-live.png 2.44MB
192.168.8.160-live.png 2.6MB
192.168.8.123-live.jpg 115KB
map.html 5KB
qwebchannel.js 16KB
swscale-6.dll 419KB
audio
qtaudio_windows.dll 47KB
Qt5Multimedia.dll 565KB
avcodec-59.dll 8.29MB
libEasyAACEncoder.dll 474KB
myEmap.pdb 5.53MB
avfilter-8.dll 2.64MB
swresample-4.dll 105KB
avdevice-59.dll 15KB
mediaservice
qtmedia_audioengine.dll 47KB
wmfengine.dll 44KB
dsengine.dll 185KB
db
dev.db 24KB
共 24 条
- 1
资源评论
- feiyangqingyun2023-12-25根本无法运行,缺少浏览器控件。
浅笑一斤
- 粉丝: 1w+
- 资源: 61
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功