PyQt5接入高德地图搜索API出现Request Failed提示_Dcan1994的博客-CSDN博客_pyqt5 加载高德地图
PyQt5接入高德地图搜索功能API
Windows版本:10
Python版本:3.6.5
高德地图API版本:1.4.15
想做一个能够实现数据搜索定位功能的GUI 但是在接入高德地图API出现小问题
1
问题1:已安装PyQt5但是无法导入QtWebEngineView
网上查阅好像高版本Pyqt5不自带QtWebEngineView 需要自行安装
解决方案：pip install QtWebEngineWidgets
问题2:高德地图能显示地图，但是无法正确显示搜索结果，提示Invalid User key！
按照高德地图官网提供的获取搜索数据样例，使用QtWebEngineView的sethtml()方法写入，但是提示Invalid User key，于是又到高德官网查看，发现高德在API应用新加入密钥设定。
解决方案:在html文档中增加代码段：
<script type="text/javascript">
window._AMapSecurityConfig = {
securityJsCode:'您申请的安全密钥',
}
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
问题3：问题2解决了不合理的用户key，但用sethtml()方法引入html仍然有Request Failed错误
解决方案：将html代码保存为.html文件，改为使用load函数读取html路径，代替sethtml方法，问题解决，但是具体原因不太明白，还望路过的大佬指点迷津！
最后附上代码段
# -*- coding: utf-8 -*-
'''
PyQt中高德地图API接入
'''
from PyQt5.QtWidgets import QApplication , QWidget , QVBoxLayout
from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtCore import *
import sys
# 创建一个 application实例
app = QApplication(sys.argv)
win = QWidget()
win.setWindowTitle('PyQt高德地图API接入')
# 创建一个垂直布局器
layout = QVBoxLayout()
win.setLayout(layout)
# 创建一个 QWebEngineView 对象
view = QWebEngineView()
view.load(QUrl(r"file:///C:/Users/**/Desktop/amap.html"))
# view.setHtml('''
# <!doctype html>
# <html>
# <head>
# <meta charset="utf-8">
# <meta http-equiv="X-UA-Compatible" content="IE=edge">
# <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
# <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
# <link rel="stylesheet" type="text/css" href="https://a.amap.com/jsapi_demos/static/demo-center/css/prety-json.css">
# <style>
# html,
# body,
# #container {
# width: 100%;
# height: 100%;
# }
# </style>
# <title>获取搜索信息</title>
# </head>
#
# <body>
# <div id="container"></div>
# <div class="info">
# <h4>搜索结果展示</h4>
# <p><span id="input-info"></span></p>
# </div>
# <script type="text/javascript">
# window._AMapSecurityConfig = {
# securityJsCode:'**********',
# }
# </script>
# <script src="https://webapi.amap.com/maps?v=1.4.15&key=************&plugin=AMap.PlaceSearch"></script>
# <script type="text/javascript" src="https://a.amap.com/jsapi_demos/static/demo-center/js/jquery-1.11.1.min.js" ></script>
# <script type="text/javascript" src="https://a.amap.com/jsapi_demos/static/demo-center/js/underscore-min.js" ></script>
# <script type="text/javascript" src="https://a.amap.com/jsapi_demos/static/demo-center/js/backbone-min.js" ></script>
# <script type="text/javascript" src='https://a.amap.com/jsapi_demos/static/demo-center/js/prety-json.js'></script>
# <script>
# // 初始化地图
# var map = new AMap.Map("container", {
# resizeEnable: true
# });
#
# // 获取搜索信息
# function autoInput(){
# var keywords = '北京大学';
# AMap.plugin('AMap.PlaceSearch', function(){
# var autoOptions = {
# city: '全国'
# }
# var placeSearch = new AMap.PlaceSearch(autoOptions);
# placeSearch.search(keywords, function(status, result) {
# // 搜索成功时，result即是对应的匹配数据
# var node = new PrettyJSON.view.Node({
# el: document.querySelector("#input-info"),
# data: result
# });
# })
# })
# }
#
# autoInput();
# </script>
# </body>
#
# </html>
