Как вставить свои кнопки управления масштабом 2гис?

Question

[danilr]

В документации не могу понять как применять методы, может кто работал с апи 2гис или поймет.
api.2gis.ru/doc/maps/ru/manual/base-classes#dgcontrol
Вот тут метод getContainer() очень похож на то, что можно свою верстку вставить вместо стандартного элемента управления.

mounted() {
		DG.then(function() {
			var map = DG.map("map", {
				center: [54.98, 82.89],
        zoom: 13,
        zoomControl: false,
        fullscreenControl: false
			});

			DG.control.zoom({ position: "topright", }).addTo(map).getContainer('test');
		});
	},

Как это сделать?

Comments

[0xD34F]

можно свою верстку вставить вместо стандартного элемента управления( грубо говоря стилизовать)

Да уж, действительно грубо, "своя вёрстка" и "стилизовать" - это разные вещи. То есть, вы ещё и сами не понимаете, чего хотите. Советую вопрос сейчас удалить, подумать часок-другой, и задать ещё раз - но так, чтобы он выглядел более вменяемо.

[danilr]

0xD34F, редактировал, теперь однозначно - вставить свою верстку кнопок)

Answer 1

[0xD34F]

Делаете метод изменения масштаба:

zoom(change) {
  this.map.setZoom(this.map.getZoom() + change);
},

И подключаете его в качестве обработчика клика к кнопкам:

<div @click="zoom(+1)">zoom in</div>
<div @click="zoom(-1)">zoom out</div>

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

Comments

[danilr]

Спасибо, большое! А для чего тогда методы для controll getContainer() и setPosition( position ) в API 2gis?

[0xD34F]

danilr, откройте документацию и почитайте - там всё написано.

[danilr]

0xD34F, я ссылку вставил с документации именно это части, мне не понятно, поэтому спрашиваю.

[0xD34F]

danilr, а мне непонятно, что вам непонятно. И как вообще тут что-то непонятное может быть.