Где я могу приобрести навыки для внедрения онлайн-карт?

Question

Я заинтересован в создании карт и карте «mashups» в Интернете, и они были направлены на лифлет как отличный инструмент, который поможет мне делать то, что я хочу.

Документация Leaflet понятна и проста в использовании, но она требует уже существующих знаний о том, как использовать такие инструменты, как CloudMade. Например, листовка документация начинает рассказав пользователя что-то вроде:

// 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, мне нужно понять, как все это работает?

Answer 1

Предполагаете, вы следите за Quick-Start Tutorial на веб-сайте Листа? Вы можете посмотреть источник example для полного разбивки на то, как он работает внутри страны. Листовка не использует никаких особых свойств Cloudmade, кроме самого себя, поэтому вам не нужно ссылаться на инструмент Cloudmade.

Если вы ищете некоторые базовые учебники Javascript (язык, который использует Листовка), некоторые из них упоминаются на Language Books/Tutorials for Popular Languages.

Answer 2

Листовка сама по себе не включает никаких карт (в отличие от Bing Maps и Google Maps, например). Все примеры, которые они отображают с Cloudmade, - это именно такие примеры.

Например, вместо того, чтобы использовать CloudMade можно использовать OpenStreetMap (OSM) плитки непосредственно, как это:

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

Или использование плитки из других источников, или даже ваши собственные плитки.

Я предполагаю, что то, что вас выбросило на quick-start, было ссылкой на Cloudmade. Не против. Вместо того, чтобы пережить суету получения ключа Cloudmade, просто создайте слой, как я показал выше. Все будет работать одинаково, и единственное, что будет отличаться, - это образы на заднем плане.