地图开发笔记（⼀）：百度地图介绍、使⽤和Qt内嵌地图Demo
上⼀篇：没有了
下⼀篇：《》
前⾔
  Qt在地图⽅⾯的研发。
百度地图
介绍
  百度的地图分为多个开发，都是在线的（离线的需要⾃⼰提取，本篇解说在线地图）。
  百度地图JavaScript API⽀持HTTP和HTTPS，免费对外开放，可直接使⽤。接⼝使⽤⽆次数限制。在使⽤前，您需先申请密钥才可使⽤。
  ⽬前百度可使⽤的在线API分为四个版本：
JavaScript API Lite
  百度地图JavaScript API Lite 版是⼀套由JavaScript语⾔编写的应⽤程序接⼝。能够帮助您在移动端浏览器上构建地图应⽤。和JavaScript API标准版相⽐，Lite版专门针对移动端H5页⾯的使⽤场景，代码体积⼩，性能更好。 因为Lite版不⽀持PC浏览器，开发指南中不同功能相应页⾯最后均提供⼆维码，请使⽤⼿机扫描体验。
JavaScript API GL
  百度地图JavaScript API GL v1.0是⼀套由JavaScript语⾔编写的应⽤程序接⼝，可帮助您在⽹站中构建功能丰富、交互性强的地图应⽤，⽀持PC端和移动端基于浏览器的地图应⽤开发，且⽀持HTML5特性的地图开发。
JavaScript API v2.0
  百度地图JavaScript API是⼀套由JavaScript语⾔编写的应⽤程序接⼝，可帮助您在⽹站中构建功能丰富、交互性强的地图应⽤，⽀持PC端和移动端基于浏览器的地图应⽤开发，且⽀持HTML5特性的地图开发。
JavaScript API v3.0
  度地图JavaScript API是⼀套由JavaScript语⾔编写的应⽤程序接⼝，可帮助您在⽹站中构建功能丰
富、交互性强的地图应⽤，⽀持PC端和移动端基于浏览器的地图应⽤开发，且⽀持HTML5特性的地图开发。
申请密钥
javascript的特性⽹页调试
Html源码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>地图展⽰</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<style>
body,
html,
#container {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
font-family: "微软雅⿊";
}
.
info {
z-index: 999;
width: auto;
min-width: 22rem;
padding: .75rem 1.25rem;
margin-left: 1.25rem;
position: fixed;
top: 1rem;
background-color: #fff;
border-radius: .25rem;
font-size: 14px;
color: #666;
box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
}
</style>
<!-- <script src="//api.map.baidu/api?type=webgl&v=1.0&ak=填你的AK"></script> -->
<!-- <script src="api.map.baidu/api?type=webgl&v=1.0&ak=填你的AK"></script> -->
<!-- <script src="api.map.baidu/api?type=webgl&v=2.0&ak=填你的AK"></script> -->
<script src="api.map.baidu/api?type=webgl&v=3.0&ak=填你的AK"></script>
</head>
<body>
<div class = "info">最新版GL地图命名空间为BMapGL, 可按住⿏标右键控制地图旋转、修改倾斜⾓度。</div>    <div id="container"></div>
</body>
</html>
<script>
var map = new BMapGL.Map('container'); // 创建Map实例
</script>
  以上代码请注意：
运⾏结果
Demo
加载代码
_pWebEngineView = new QWebEngineView(this);
_pWebEnginePage = new QWebEnginePage(this);
_pWebChannel = new QWebChannel(this);
LOG << QFile::exists(_indexFilePath);
_pWebEnginePage->load(QUrl(_indexFilePath));
_pWebEnginePage->setWebChannel(_pWebChannel); _pWebEngineView->setPage(_pWebEnginePage);
运⾏结果
⼯程模板：v1.0.0
  mapDemo_v1.0.0_基础模板_调⽤百度在线地图⼯程模板.rar 上⼀篇：没有了
下⼀篇：《》

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。