пользовательский maptype с несколькими слоями

Question

Я использую google map v3 javascript api, и я пытаюсь создать пользовательский тип карты в соответствии с руководством по google.develper.

Однако я обнаружил, что тип карты предоставляет только один слой, в то время как мой пользовательский тип карты должен обеспечивать два слоя, как google.maps.MapTypeId.HYBRID, который содержит два слоя - SATELLITE и .

Так что я задаюсь вопросом, возможно ли это?

BWT, я задал вопрос о maptype и слоях here.

Кажется, что тип карты состоит из слоев, это правда?

---

Фактически, мой первый вопрос решается на Michael Geary.

Однако теперь я встречаю новые проблемы, так как он по-прежнему связан с пользовательским типом maptype, поэтому я обновляю этот пост, а не создаю новый вопрос.

Q2:

Как насчет MapTypeControl, если у меня есть больше, чем один слой?

Как вы можете видеть, google.maps.mapTypeId.HYBRID имеют два уровня - спутник и метки.

Так в управлении MapType вы найдете это:

Обратите внимание на Labels флажок.

Теперь у меня есть два слоя для моих пользовательских карт - base и labels, как сделать слой labels можно переключить?

Answer 1

Пользовательский тип карты определяет элемент DOM для каждой плитки, as described here. Этот элемент DOM не ограничивается только одним изображением. У вас может быть <div> с любым количеством изображений и других элементов, вложенных в него.

Гибридный тип карты реализован с использованием этого подхода. Вот скриншот инспектора Chrome DOM показывает одну карту плитки в гибридном вид со спутника:

Как вы можете видеть, <div> имеет два <img> детей. Первый, обслуживаемый с khms0.googleapis.com, является базовым спутниковым изображением плитки. Второй, поданный от mts0.googleapis.com, - это наклейки и рамки с надписью с прозрачным фоном. Это всего лишь один тип карты в отношении API Карт: API знает только о контейнере <div>, а не о изображениях внутри него.

base map example в разделе Base Map Types в части документации показано использование элементов <div> в качестве плитки карты. Вы можете использовать это как отправную точку и добавить свои <img> плитки внутри <div>.