如何解决在 Ionic 3 上使用 MapQuest 方向路由时出现运行时异常
我使用的是 Ionic 3 框架,可以成功生成地图,但在使用 L.mapquest.directions().route()
函数时收到运行时错误。
这些是导入:
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<script src="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest-core.js"></script>
<link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest-core.css"/>
代码如下:
L.mapquest.key = mapquestKey;
this.map = L.mapquest.map('map',{
center: [lat,lng],layers: L.mapquest.tileLayer('map'),zoom: 13
});
L.mapquest.directions().route({
start: '350 5th Ave,New York,NY 10118',end: 'One Liberty Plaza,NY 10006',});
错误如下:
ERROR Error: Uncaught (in promise):
TypeError: this._rawPxBounds is undefined _updateBounds@https://unpkg.com/leaflet@1.7.1/dist/leaflet.js:5:79584
setStyle@https://unpkg.com/leaflet@1.7.1/dist/leaflet.js:5:75174
setPathStyle@https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest-core.js:6:161888
updateRibbonWidth@https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest-core.js:6:163063
mapquest 的新手,所以不确定出了什么问题。有什么想法吗?
解决方法
我去掉了 Leaflet@1.7.1 和 mapquest-core@1.3.2 的导入,只导入了 mapquest.js@1.3.2。现在可以正常使用了。
<script src="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.js"></script>
<link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.css"/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。