Как сделать масштабирование карты на html странице для планшета?

Question

[Dima_kras]

Есть большая картинка с планом местности, картинка полностью не помешается на экране. Хочу сделать примерно также как на 2gis.

Есть окно в котором расположена карта, карту можно двигать, уменьшать приближать + на карту наложены элементы управления, ссылки которые не двигаются вместе с картой, получается что то типа двух слоев, верхний статичный, а нижний можно масштабировать. Как это сделать?

Этот сайт будет использоваться только на планшете, поэтому нужно что бы можно было масштабировать жестом: разводя и сводя пальцы

Есть опыт создания сайтов, html, php, немного jqery но с какой стороны подойти к этой задаче, догадаться не могу.

Answer 1

[Павел Гоголинский]

На 2гис не знаю, на яндекс картах необходимо в коде задать фиксированную высоту, а width присвоить значение auto, например вот так

<script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=uwtgAPmOiAW0qfmN8KtKyWMPiTTa36k3&width=auto&height=450"></script>

Answer 2

[Юрий Лобанов]

Судя по задаче реализовать не сложно, но раз Вам не приходит даже идеи с чего начать - то лучше поручить фрилансеру.

Answer 3

[Dima_kras]

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

Comments

[Юрий Лобанов]

@Dima_kras Для комментирования существуют комментарии.
С какими Вы говорили программистами - я не знаю. Возможно Вы им описали задачу куда подробнее, чем здесь.
Напишите мне на почту, опишите подробнее, что за изображение, какой именно предполагается функционал, помимо навигации по рисунку, какого размера рисунок/плана.
Ясное дело, что аналог 2гис, яндекс.карт не написать одному программисту, но если нужна навигация по какому-нибудь заповеднику, к примеру, то все должно получиться.

[h8nor]

Для просмотра карты на планшетах отлично подходит leaflet.js Подскажите, как ставить маркеры на OSM у себя на сайте? При желании можно нарезать и подключить свои тайлы.