maps - 我在哪里可以获得实施在线地图的技能？

Question

我对在线创建地图和地图“混搭”很感兴趣，并且有人指出 Leaflet 是帮助我做我想做的事的好工具。

Leaflet 的文档清晰易懂，但它需要预先了解如何使用 CloudMade 等工具。例如，Leaflet 文档首先告诉用户以下内容：

// initialize the map on the "map" div with a given center and zoom
var map = L.map('map', {
    center: [51.505, -0.09],
    zoom: 13
});

我有点理解，但我不知道如何获取地图、指向地图、创建地图等。似乎需要大量的“如何使地图在网站上工作”的知识块在潜入传单之前。

CloudMade 也让您深入了解。

我在哪里可以获得了解这一切如何运作所需的 Maps 101 知识？

score 0 · Accepted Answer

Leaflet 本身不包含任何地图（例如，与 Bing 地图和谷歌地图相反）。他们使用 Cloudmade 显示的所有示例都是如此，只是示例。

例如，您可以直接使用 OpenStreetMap (OSM) 图块，而不是使用 Cloudmade，如下所示：

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map);

或者使用其他来源的瓷砖，甚至是您自己的瓷砖。

我猜想在快速入门时让您失望的是对 Cloudmade 的引用。别介意。无需大惊小怪地获取 Cloudmade 密钥，只需创建我上面显示的图层即可。一切都会一样，唯一不同的是背景上的图像。

score 0 · Accepted Answer

我假设您正在关注Leaflet 网站上的快速入门教程？您可以查看示例的源代码，了解其内部工作原理的完整分解。Leaflet 不使用 Cloudmade 本身以外的任何特定内容，因此您不必参考 Cloudmade 工具。

如果您正在寻找一些基本的 Javascript 教程（Leaflet 使用的语言），可以在Language Books/Tutorials for Popular Languages中提到一些。

2 回答 2