如何解决Leaflet 和 Mapquest:未捕获承诺类型错误:无法读取未定义的属性“min”
我尝试让这段代码正常工作已经有一段时间了,但没有成功。这里的目标是显示两点之间的路线,但未显示路线,我宁愿在控制台中出现此错误:
L.mapquest.key = "HmPt0Wv0aL5Bdx5Dt9U0wGH4mEQWOIG9";
let map = L.mapquest.map("map",{
center: [39.750307,-104.999472],layers: L.mapquest.tileLayer("map"),zoom: 14,});
var directions = L.mapquest.directions();
directions.route({
start: "350 5th Ave,New York,NY 10118",end: "One Liberty Plaza,NY 10006",options: {
timeOverage: 25,maxRoutes: 3,},});
#map {
height: 100vh;
width: 100%;
position: relative;
}
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8" />
<Meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Map Route</title>
<!-- LEAFLET -->
<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>
<!-- MAP QUEST -->
<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"
/>
</head>
<body style="border: 0px; margin: 0px">
<div id="map"></div>
</body>
</html>
解决方法
地图是否显示但路线未显示或根本不显示?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。