使用 jQuery,mapjs-core returns 错误 401
Using jQuery, mapjs-core returns ERROR 401
看网上的示例代码,一个脚本,var map = new H.Map(...
我觉得应该是所有DOM都加载完之后,修改如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bible Map</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link href="css/reset.css" rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!-- HERE Developer JS -->
<script src="https://js.api.here.com/v3/3.1/mapsjs-core.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div style="width: 640px; height: 480px" id="mapContainer"></div>
<script>
$(function() {
// Initialize the platform object:
var platform = new H.service.Platform({
'apikey': ‘MY API-KEY’
});
// Obtain the default map types from the platform object
var maptypes = platform.createDefaultLayers();
// Instantiate (and display) a map object:
var map = new H.Map(
document.getElementById('mapContainer'),
maptypes.vector.normal.map, {
zoom: 6,
center: {
lng: 33.958627,
lat: 30.114965
}
});
});
</script>
</body>
<footer>
<address>Copyright ©2020 Masaru Kitajima</address>
</footer>
</html>
但是在控制台日志中,它是这样说的;
GET https://1.base.maps.ls.hereapi.com/maptile/2.1/info?xnlp=CL_JSMv3.1.18.1&apikey=MY-API-KEY&output=json 401 mapsjs-core.js:41
Uncaught Error
at Up.xp.c (eval at <anonymous> (mapsjs-core.js:71), <anonymous>:3:111)
at eval (eval at <anonymous> (mapsjs-core.js:71), <anonymous>:3:314)
我在这里尝试搜索后也不知道。
您似乎没有用自己的密钥替换“我的 API-KEY”。
var platform = new H.service.Platform({
'apikey': ‘MY API-KEY’
});
如果您还没有 HERE 开发者帐户,那么您可以按照下面的 link 创建一个并获取您的凭据。免费增值可能是一个好的开始。
https://developer.here.com/documentation/maps/3.1.18.1/dev_guide/topics/credentials.html
看网上的示例代码,一个脚本,var map = new H.Map(...
我觉得应该是所有DOM都加载完之后,修改如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bible Map</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link href="css/reset.css" rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!-- HERE Developer JS -->
<script src="https://js.api.here.com/v3/3.1/mapsjs-core.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div style="width: 640px; height: 480px" id="mapContainer"></div>
<script>
$(function() {
// Initialize the platform object:
var platform = new H.service.Platform({
'apikey': ‘MY API-KEY’
});
// Obtain the default map types from the platform object
var maptypes = platform.createDefaultLayers();
// Instantiate (and display) a map object:
var map = new H.Map(
document.getElementById('mapContainer'),
maptypes.vector.normal.map, {
zoom: 6,
center: {
lng: 33.958627,
lat: 30.114965
}
});
});
</script>
</body>
<footer>
<address>Copyright ©2020 Masaru Kitajima</address>
</footer>
</html>
但是在控制台日志中,它是这样说的;
GET https://1.base.maps.ls.hereapi.com/maptile/2.1/info?xnlp=CL_JSMv3.1.18.1&apikey=MY-API-KEY&output=json 401 mapsjs-core.js:41
Uncaught Error
at Up.xp.c (eval at <anonymous> (mapsjs-core.js:71), <anonymous>:3:111)
at eval (eval at <anonymous> (mapsjs-core.js:71), <anonymous>:3:314)
我在这里尝试搜索后也不知道。
您似乎没有用自己的密钥替换“我的 API-KEY”。
var platform = new H.service.Platform({
'apikey': ‘MY API-KEY’
});
如果您还没有 HERE 开发者帐户,那么您可以按照下面的 link 创建一个并获取您的凭据。免费增值可能是一个好的开始。 https://developer.here.com/documentation/maps/3.1.18.1/dev_guide/topics/credentials.html