Карта Google или Яндекс

Всем привет! Вопрос простой может быть ))) кто может подсказать или поделиться опытом, или направить где почитать или посмотреть - как сделать что то похожее на современные карты яндекс или гугл! имею ввиду загрузку не сразу всего контента а при уменьшении мира или выбора области загружается нужные данные?

интересно сама реализация! спасибо

Как и все в программировании - частично моделируется данными, частично реакциями на изменения данных.

Например. Структура описывающая текущую карту:

const state = {
	center: {
		lat: ...
		lon: ...
	},
	zoom: 5,
	viewport: {
		width: 400,
		height: 500
	}
}

если передать эти данные на сервер, то их достаточно чтобы понять в рамках каких координат (реальных) пользователь смотрит карту. И следовательно высчитать какие данные нужно передавать для этого куска карты. Значение zoom подскажет насколько детальными должны быть данные.


Дальше становятся всякие технические вопросы. Типа моделировать ли данные ответа так чтобы они могли использоваться для разных уровней zoom-а. Если да, то как их кешировать, как избегать дубликации кеширования.

1 лайк