一个基于百度地图的桌面软件(附工程源码)
2021/5/14 20:32:33
本文主要是介绍一个基于百度地图的桌面软件(附工程源码),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
光阴似箭,日月如梭,恍然间,2013就这样平平淡淡的过去了。想想工资卡上的余额,心中不免浮起蛋蛋的忧桑。如果再回到2013。。。。。罢了,青春就是如此,每个人都肆无忌惮的挥霍着,在年华正当之时。或许只有当岁月的烙印狠狠落下的那一刻,我们才会想起那再也回不去的美好年华,那落英缤纷的流年似水。
----------------------------------------------------------------------华丽分割线------------------------------------------------------------------------------------------
以上纯属扯淡,下面言归正传。本文介绍用Qt实现对百度地图的调用。
1.涉及到的点
Qt调用javascript代码(在Qt代码中调用百度js api);
调用百度webservice api(在Qt代码中调用百度webservice api);
解析返回的json串。
2.准备工作
到百度开发者中心申请key,要带着key,百度地图才能让咱调起来;
下载并编译jsoncpp,我们要用它解析json,请自行度娘;
准备http请求工具类,可参考新浪微博开放平台研究-实现微博自动评论(下),我们要访问百度的webservice接口。
3.实现
map.html文件,Qt中利用qwebview控件加载此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;} </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"> var map = new BMap.Map("allmap"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.enableScrollWheelZoom(); map.setCurrentCity("北京"); //qt代码中要调用此方法,在地图上进行标注,key是搜索关键字,area是搜索地址 function search(key,area) { var local = new BMap.LocalSearch(map, { renderOptions:{map: map, autoViewport:true} }); local.searchNearby(key, area); } </script>
搜索函数,包含两方面内容:调用js接口,在地图上进行标注;调用webservice接口,在列表中显示信息。(这两点没太大关系,只是两种不同的方式)
//搜索,1:在地图上标注(调用js api),2:列表显示(调用webservice api) void BMap::search() { QString key = this->edit_key->text(); QString area = this->edit_area->text(); //调用js方法search QString method = QString("search(\"%1\", \"%2\")").arg(key).arg(area); QWebFrame *frame = webview->page()->mainFrame(); frame->evaluateJavaScript(method); //根据地名获取经纬度 QString code = this->geocode(area); HttpClient * http = new HttpClient(); QUrl url; //圆形区域内搜索 url.setUrl("http://api.map.baidu.com/place/v2/search"); url.addQueryItem("query",key); url.addQueryItem("output","json"); url.addQueryItem("ak","你的key"); url.addQueryItem("location",code); url.addQueryItem("radius","1000"); QNetworkRequest request; request.setUrl(url); QString ret = http->get(request); list_result->clearContents(); Json::Reader reader; Json::Value value; //解析json if (reader.parse(ret.toStdString(), value)) { value = value["results"]; list_result->setRowCount(value.size()); for (int i=0; i<value.size(); i++) { std::string name = value[i]["name"].asString(); std::string address = value[i]["address"].asString(); QTableWidgetItem *item = new QTableWidgetItem(QString::fromStdString(name)); this->list_result->setItem(i,0,item); item = new QTableWidgetItem(QString::fromStdString(address)); this->list_result->setItem(i,1,item); } } delete http; }
下面这个函数是根据地名获取经纬度
//根据地名获取经纬度 QString BMap::geocode(const QString &area) { QString ret; HttpClient * http = new HttpClient(); QUrl url; url.setUrl("http://api.map.baidu.com/geocoder/v2/"); url.addQueryItem("address",area); url.addQueryItem("city",tr("北京市")); url.addQueryItem("output","json"); url.addQueryItem("ak","你的key"); QNetworkRequest request; request.setUrl(url); QString retstr = http->get(request); Json::Reader reader; Json::Value value; if (reader.parse(retstr.toStdString(), value)) { value = value["result"]; value = value["location"]; ret+=QString::number(value["lat"].asDouble()); ret+=","; ret+=QString::number(value["lng"].asDouble()); } delete http; return ret; }
以上是核心内容,就这么简单,下面贴个图:
猛击下载源码(我看有人评论说编译不过,我机器上编译运行都没问题,如果你是搞软件的,相信你让它编译过只是分分钟的事儿)
这篇关于一个基于百度地图的桌面软件(附工程源码)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)
- 2024-05-31全网首发!软考2024年5月《软件设计师》真题+解析+答案!(21-30题)