Ignite

RSS Feeds Главная Программы на заказ Портфолио Контакты Геокодирование – еще один способ получения координат

Alex Рубрика: web Нет ответов В прошлой статье, я рассказывал, как можно получить координаты для карт того или иного объекта вручную . Это хороший и прямолинейный способ, который отлично работает в том случае, когда вы заранее знаете, что хотите показать пользователю. В случае, когда вы заранее этого не знаете (например, когда пользователь самостоятельно вводит адрес), нам пригодится .

C# 1 http : //maps.google.com/maps/api/geocode/[type]?address=[address]&sensor=false

В результате запроса:

C# 1 http : //maps.google.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=false вам приходит ответ следующего вида (json): C# { } ], 2 3 6 7 8 10 12 13 {    "results" : [        {          "address_components" : [ . . . ] ,          "formatted_address" : "1600 Амфитеатр-Паркуэй, Маунтин-Вью, Калифорния 94043, Соединённые Штаты Америки" ,          "geometry" : {              "location" : {                "lat" : 37.42285760 ,                "lng" : - 122.08506470              } ,                       } ,                 }    ] , } ,
Получение координат для карт июня 13

Автор: Alex web

Нет ответов
использовании замечательной библиотеки leaflet для визуализации своих карт на сайте. При установке камеры и маркера я использовал координаты x, y и внимательные читатель задастся вопросом, как получить значения этих переменных для реальных объектов на карте, как это сделано у меня на примере карты бесплатных Wi-Fi источников . http://wikimapia.org/

Кликаем по ним и видим всплывающее окошко:

JavaScript L . marker ( [ 37.6200783 , - 89.5172882 ] ) . addTo ( map ) ; ,

leaflet – создание карт для web

Автор: Alex Рубрика: web Нет ответов

интерактивная карта бесплатных точек Wi-Fi в городе Донецке

Подключаем библиотеку

XHTML <!--[if lte IE 8]> <![endif]--> 2 <link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" /> <!--[if lte IE 8]>      <link rel="stylesheet" href="http://alexbard.org.ua/cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" /> <![endif]--> <script src = "http://cdn.leafletjs.com/leaflet-0.5/leaflet.js" > </script>

XHTML 1 <div style = "height=150px;" id = "map" > </div>

Инициализация карты

Создаем карту с координатами карты x, y и приближением z:

JavaScript var map = L . map ( 'map' ) . setView ( [ x , y ] , z ) ;

JavaScript 1 3 L . tileLayer ( 'http://{s}.tile.osm.org/{z}/{x}/{y}.png' , {      attribution: '&copy; <a href="http://alexbard.org.ua/osm.org/copyright">OpenStreetMap</a> contributors' } ) . addTo ( map ) ;

JavaScript .openPopup(); L . marker ( [ x , y ] ) . addTo ( map )      . bindPopup ( 'A pretty CSS3 popup. <br> Easily customizable.' )      . openPopup ( ) ;

,
Встраивать html5 видео все еще слишком сложно

июня 9 Автор: Alex Рубрика: web

Нет ответов

Как встроить видео на сайт?

Короткий ответ – воспользуйтесь Youtube или Vimeo. Там работают чрезвычайно умные люди, которые уже решили совершенно все проблемы, которые могут возникнуть при встраивании видео на сайт.

Как это сделать без помощи сторонних сервисов?

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

    Самый простой случай. Видео-проигрыватель в одну строчку: XHTML <video src = "video.mp4" = 640 = > Поддержка устаревших браузеров Для поддержки устаревших браузеров (в первую очередь под этой фразой следует понимать IE7+) будем использовать javasript-библиотеку html5media.js, которая будет создавать flash видеоплеер для случая устаревшего браузера: XHTML <script src="http://api.html5media.info/1.1.5/html5media.min.js"></script> <body> </body>      <head>          <script src = "http://api.html5media.info/1.1.5/html5media.min.js" > </script>      </head>      <body>          <video src = "video.mp4" = height = controls > </video>      </body>

    , чтобы устаревшие браузеры не расстраивались от увиденного.
    На данный момент наш проигрыватель поддерживает следующие браузеры: