一個基於百度地圖的桌面軟體（附工程原始碼）
阿新 • • 發佈：2019-01-25
光陰似箭，日月如梭，恍然間，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;
}以上是核心內容，就這麼簡單，下面貼個圖：
猛擊下載原始碼(我看有人評論說編譯不過，我機器上編譯執行都沒問題，如果你是搞軟體的，相信你讓它編譯過只是分分鐘的事兒)