在qt中加载百度地图

最新推荐文章于 2025-05-28 09:28:55 发布

prompty

最新推荐文章于 2025-05-28 09:28:55 发布

阅读量8.5k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： QT

本文链接：https://blog.youkuaiyun.com/prompty/article/details/64442890

QT 专栏收录该内容

22 篇文章

订阅专栏

首先在百度地图开发API平台申请key

http://lbsyun.baidu.com/index.php?title=首页

然后建立一个html文件，此处引用了别人的一个配置文件，少许修改

名字为baidumap.html

<!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;}
</style>
<script type="text/JavaScript" src="http://api.map.baidu.com/api?v=2.0&ak=申请到的key"></script>
<title>添加圆</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">

// 百度地图API功能
var map = new BMap.Map("allmap");
var m_city = "南京";
map.centerAndZoom(m_city, 13);                              // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件
map.enableScrollWheelZoom();                               //启用滚轮放大缩小

var m_radius = 1;
var m_point;


map.addEventListener("click",function(e){       //单击目标点进行画圆
var circle = new BMap.Circle(e.point,m_radius);
map.clearOverlays();
map.addOverlay(circle);
m_point = e.point;
alert(e.point.lng + "," + e.point.lat);
});

function SetCity(city){       //设置城市js函数
    m_city = city;
}

setTimeout(function(){      //500ms后设置中心点为m_city，不能直接设置，须在一定的时间之后，如果立即设置，会出现地图不显示情况
    map.setCenter(m_city);
}, 500);


function SetRadius(radius){     //设置半径
    m_radius = radius;
}


function AutoSetCircle(){       //根据设置的半径进行画园
    var circle2 = new BMap.Circle(m_point,m_radius);
    map.clearOverlays();
    map.addOverlay(circle2);
}

function ReturnLngLat(){       //返回目标点的经度和纬度
    var LngLat = new Array();
    LngLat[0] = m_point.lng;
    LngLat[1] = m_point.lat;
    return LngLat;
}
</script>

qt代码很简单

首先需要在.pro文件中设置QT += webkit

然后在头文件中增加#include <QWebView>

程序只需

{
    ui->setupUi(this);

    ui->webView->setUrl(QUrl("file:///D:/baiduMap/baidumap.html"));
    ui->webView->show();
}

即可