Ignite

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

июня 13

Alex Рубрика: web

Нет ответов В прошлой статье, я рассказывал, как можно получить координаты для карт того или иного объекта вручную

Для того, чтобы воспользоваться веб сервисом, нужно послать запрос на сервер Google следующего вида: C# 1 http : //maps.google.com/maps/api/geocode/[type]?address=[address]&sensor=false где [type] – тип данных в котором вам придет ответ: xml или json

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

C# 1 http : //maps.google.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=false

вам приходит ответ следующего вида (json): C# "geometry" : { } ], 5 7 8 9 10 {    "results" : [        {          "address_components" : [ . . . ] ,          "formatted_address" : "1600 Амфитеатр-Паркуэй, Маунтин-Вью, Калифорния 94043, Соединённые Штаты Америки" ,          "geometry" : {              "location" : {                "lat" : 37.42285760 ,                "lng" : - 122.08506470              } ,                       } ,                 }    ] , }

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

Наводимся прицелом на нужный объект (для точности это лучше делать с большим увеличением) и в левом-нижнем углу видим координаты выбранного объекта: Кликаем по ним и видим всплывающее окошко:

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

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

июня 12 Alex Рубрика: web Нет ответов

У меня уже запущен один проект, который базируется исключительно на этой библиотеке – это интерактивная карта бесплатных точек Wi-Fi в городе Донецке .

XHTML <!--[if lte IE 8]> <![endif]--> 1 2 3 4 <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>

Создаем div для карты в нужном месте, явно указывая размеры карты (это можно и нужно сделать в соответствующем css-файле) : XHTML 1 <div style = "height=150px;" id = "map" > </div>

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 1 2 3 L . marker ( [ x , y ] ) . addTo ( map )      . bindPopup ( 'A pretty CSS3 popup. <br> Easily customizable.' )      . openPopup ( ) ;

,

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

Нет ответов

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

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

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

Существует 4 основных группы людей, которые будут смотреть видео у вас на сайте:

  • Самый простой случай. Видео-проигрыватель в одну строчку:

    XHTML <video src = "video.mp4" width = 640 height = >

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

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