Навигация:

Главная Случайная страница Обратная связь ТОП Интересно знать Избранные Новые материалы

Топ:

Эволюция кровеносной системы позвоночных животных: Биологическая эволюция – необратимый процесс исторического развития живой природы...

Оценка эффективности инструментов коммуникационной политики: Внешние коммуникации - обмен информацией между организацией и её внешней средой...

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

Интересное:

Аура как энергетическое поле: многослойную ауру человека можно представить себе подобным...

Искусственное повышение поверхности территории: Варианты искусственного повышения поверхности территории необходимо выбирать на основе анализа следующих характеристик защищаемой территории...

Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...

Дисциплины:

Автоматизация Антропология Археология Архитектура Аудит Биология Бухгалтерия Военная наука Генетика География Геология Демография Журналистика Зоология Иностранные языки Информатика Искусство История Кинематография Компьютеризация Кораблестроение Кулинария Культура Лексикология Лингвистика Литература Логика Маркетинг Математика Машиностроение Медицина Менеджмент Металлургия Метрология Механика Музыкология Науковедение Образование Охрана Труда Педагогика Политология Правоотношение Предпринимательство Приборостроение Программирование Производство Промышленность Психология Радиосвязь Религия Риторика Социология Спорт Стандартизация Статистика Строительство Теология Технологии Торговля Транспорт Фармакология Физика Физиология Философия Финансы Химия Хозяйство Черчение Экология Экономика Электроника Энергетика Юриспруденция

Интеграция карт с NavitelMap

2017-06-29

503

0.00 из 5.00 0 оценок

Заказать работу

⇐ ПредыдущаяСтр 6 из 8Следующая ⇒

Для того чтобы написать код для веб-приложения, используем картографическую базу данных NavitelMap. Далее создается текстовый документ (блокнот) формата.txt для создания пустой веб-страницы:

<!doctype html>

<html>

<head>

<title>NaviteMap Example</title>

#map { width: 600px; height: 500px; }

</style>

</head>

</body>

</html>

и код создания карты внутри тега <Head>:

function init() {

//предзагрузочные опции

var options = {}

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

var nmap = new Navitel.Map(‘map’, options); }

</script>

Добавляем пользовательский интерфейс (внутри тега <Head>):

//добавление элементов управления

nmap.addControl(new OpenLayers.Control.Navigation({documentDrag: true}));

nmap.addControl(new NMaps.Control.NavitelScaleLine());

//добавление обработчика клика по карте

nmap.listen(‘leftclick’, function(evt){

var ll = this.getLonLatFromViewPortPx(evt.xy).unproject();

alert(‘клик в ’ + [l].lon.toFixed(5), ll.lat.toFixed(5)].join(‘, ’));

}, n.map);

В результате приложение принимает следующий вид, приведенный на рисунке 2.5.

Рис. 2.5. Конечный вид карты

Интеграция карт с EsriMap

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

Создание пустой веб-страницы:

<html>

<head>

<title>Overview Map</title>

</head>

<div data-dojo-type = “dijit/layout/BorderContainer”

data-dojo-props=“design: ‘headline’, gutters:false”

style=“width: 100%; height: 100%; margin:0;”>

<div id=”map”

data-dojo-type=“dijit/layout/ContentPane”

data-dojo-props=“region: ‘center’”

style=“padding:0”>

</div>

</body>

</html>

Код создания карты (рис. 2.6):

<style>

var map;

require([“esri/map”, “esri/dijit/OverviewMap”, “dojo/parser”, “dijit/layout/BorderContainer”, “dijit/layout/ContentPane”, “dojo/doReady!”],

function (Map, OverviewMap, parser){

parser.parse();

map = new Map(“map”, {

basemap: “topo”,

center: [-122.445, 37.752],

zoom: 14 });

var overviewMapDijit = new OverviewMap({

map: map,

visible: true });

overviewMapDijit.startup(); });

</script>

Рис. 2.6. Созданная карта

Чтобы увидеть другие виды карты, нужно найти в коде строку basemap: «topo», и поменять «topo» на любое из них: «satellite», «hybrid», «topo», «gray», «ocean», «osm», «national_geographic». Тогда вид карты изменится (рис. 2.7).

Рис. 2.7. Вид со спутника (satellite)

⇐ Предыдущая 1 2 3 4 567 8 Следующая ⇒

Поделиться с друзьями:

История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...

Особенности сооружения опор в сложных условиях: Сооружение ВЛ в районах с суровыми климатическими и тяжелыми геологическими условиями...

Адаптации растений и животных к жизни в горах: Большое значение для жизни организмов в горах имеют степень расчленения, крутизна и экспозиционные различия склонов...

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