gpt4 book ai didi

javascript - 在 html 和 javascript 代码中使用 Esri 海洋 basemap ?

转载 作者:行者123 更新时间:2023-12-03 08:03:28 26 4
gpt4 key购买 nike

我知道我可以在网页中添加 OpenStreetMap 或 Google map 作为 basemap 。但是,我正在寻找可以增强海洋效果的 basemap 。是否可以将 Esri 海洋 basemap 添加到我的 html 和 javascript 代码中?如果是这样,我在哪里可以找到代码?

编辑:我已经编写了一些代码。当我打开 map 时, map 不显示。我的代码有什么问题吗?

<!DOCTYPE html>
<html>
<head>
<title>Map</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Load Leaflet from CDN-->
<link rel="stylesheet" href="//cdn.jsdelivr.net/leaflet/0.7.3/leaflet.css" />
<script src="//cdn.jsdelivr.net/leaflet/0.7.3/leaflet.js"></script>

<!-- Load Esri Leaflet from CDN -->
<script src="//cdn.jsdelivr.net/leaflet.esri/1.0.0/esri-leaflet.js"></script>
</head>

<body>
<div id="map" style="width: 1330px; height: 630px"></div>

<script>
var map = L.map('map').setView([54.296500, -2.209221], 5);
L.esri.basemapLayer('Oceans').addTo(map);

var popup = L.popup();

</script>
</body>
</html>

最佳答案

您的做法与使用 OSM 或 Google map 的 (HTML + JS) map 非常相似。

这个想法是使用 Leaflet mapping library ,然后加载正确的图 block 源(在您的情况下为 ESRI Oceans)。

您可以直接按照 ESRI-Leaflet 插件上的示例进行操作:http://esri.github.io/esri-leaflet/examples/showing-a-basemap.html

可用的 ESRI basemap 列表如下:http://esri.github.io/esri-leaflet/api-reference/layers/basemap-layer.html

请注意,使用 ESRI basemap 有使用条款:https://github.com//Esri/esri-leaflet/wiki/FAQ#what-are-the-terms-of-use-for-esri-map-tiles

关于javascript - 在 html 和 javascript 代码中使用 Esri 海洋 basemap ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34499047/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com