Стиль Google Maps, прокручивающий кого-либо?
Многие объяснения уже присутствуют, чтобы объяснить, как это происходит и как это исправить, но вы также должны следовать рекомендациям, чтобы избежать NullPointerException вообще.
См. также: A хороший список лучших практик
Я бы добавил, очень важно, хорошо использовать модификатор final. Использование "окончательной" модификатор, когда это применимо в Java
Сводка:
- Используйте модификатор
finalдля обеспечения хорошей инициализации. - Избегайте возврата null в методы, например, при возврате пустых коллекций.
- Использовать аннотации
@NotNullи@Nullable - Быстрое завершение работы и использование утверждений, чтобы избежать распространения нулевых объектов через все приложение, когда они не должен быть пустым.
- Сначала используйте значения с известным объектом:
if("knownObject".equals(unknownObject) - Предпочитают
valueOf()поверх toString (). - Используйте null safe
StringUtilsStringUtils.isEmpty(null).
7 ответов
Возможно, я немного опоздал на вечеринку, но я просто искал то же самое. Я наткнулся на scrollview для jquery, он отлично работает и выполняет именно эту функцию перетаскивания, аналогичную картам Google, для переполненных div.
Проверьте Резак Изображения Google Maps , Он может взять любое изображение или цифровую фотографию и сократить его в мозаики, которые отображены на Google Map. Мог бы быть быстрый способ сделать то, в чем Вы нуждаетесь...
Вы могли использовать API карт Google... они позволяют, чтобы Вы использовали его с пользовательскими изображениями. И можно выбрать, если средства управления обнаруживаются или нет.
РЕДАКТИРОВАНИЕ: Найденный достойным учебным руководством о том, как сделать это. http://mapki.com/wiki/Add_Your_Own_Custom_Map
Поскольку хорошее описание базовой технологии взглянуло на Главу 4 (если я вспоминаю правильно) книги Прагматически настроенных Программистов Прагматический Ajax.
Вы будете видеть как разрезание изображения и игра в кости работ под покрытиями. И изменение масштаба.
Это меньше имеет отношение к JavaScript и больше сделать с CSS, кодирующий .
Попытка несколько экспериментов только с HTML и CSS, чтобы заставить изображение отсекать правильно, затем добавьте JavaScript для перемещения его.
, Если Вы не можете добраться, это для отсечения с HTML или перемещением с JavaScript отправляет самую простую демонстрацию проблемы здесь, чтобы мы отладили.
Без кода мы стреляем в темноте.
Google Maps использует изображения, нарезанные в блоки, которые динамично загружаются как пользовательские панорамирования в различных направлениях. Резак Изображения Google Maps , который упоминает Paul Dixon, является инструментом, который Вы хотите для этого.
, Если Вы просто хотите панорамировать одно большое изображение, вместо того, чтобы иметь дополнительную сложность разрезания изображения в блоки, затем вместо того, чтобы использовать свойство переполнения CSS, необходимо использовать клип свойство. Это поддерживается на всех браузерах, которые стоит думать о, вниз к IE4, если я помню правильно.
Один момент, который необходимо отметить: спецификация CSS2.1 показывает примеры с реагировать значениями, разделенными запятыми. Однако это не поддерживается IE6 (возможно, не IE7, любой). Однако все другие браузеры понимают версию без запятых. Таким образом вместо
clip: rect(5px, 40px, 45px, 5px);
необходимо использовать
clip: rect(5px 40px 45px 5px);
для совместимости.
Вам нужен контейнер < div> набор к position:relative вокруг < img> элемент, который Вы затем устанавливаете на положение: абсолютный.
, Таким образом, основная техника состоит в том, чтобы обновить вершину и оставленные значения, поскольку пользователь перетаскивает, используйте, они вместе с определенной шириной и высотой представления на изображение для создания соответствующего реагируют () строка и обновляют вершину, оставленную, и свойства клипа < img> свойство стиля элемента.
не делают то, что я сделал и не учитываю "пкс" после значений в реагировании () строка. Это взяло мне возрасты для понимания, почему это не работало :-)
(Я очень опоздал на эту теперь уже мертвую вечеринку, но эй, я нашел эту страницу через поиск, так что ...)
Плагин Scrollview, предложенный mooware, у меня не работал.
Однако Dragscrollable сделал: http://plugins.jquery.com/project/Dragscrollable