Сделать, чтобы базовые слои layer и layer1, были в одном root а layer2 в другом root

@GeoNik · Регистрация: 14.11.2014

Author24 — интернет-сервис помощи студентам

Доброго времени суток. Вот код

Код

<html>
<head>

<title> A Basic GeoExt Page </title>
 <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/examples/shared/examples.css" />
        <script src="http://www.openlayers.org/api/2.11/OpenLayers.js"></script>
       

	   <script type="text/javascript" src="http://localhost:8080/geoserver/www/GeoExt/script/GeoExt.js"></script>

<script type="text/javascript">
   
   var LayerNodeUI = Ext.extend(
    GeoExt.tree.LayerNodeUI,
    new GeoExt.tree.TreeNodeUIEventMixin()
);



   Ext.onReady(function() {
        		
		var map = new OpenLayers.Map();
		
		var layer = new OpenLayers.Layer.WMS(
            "Global Imagery",
            "http://maps.opengeo.org/geowebcache/service/wms",
            {layers: "bluemarble"}
        );
		
		
         var layer1 = new OpenLayers.Layer.WMS(
       "OpenStreetMap WMS",
            "http://ows.terrestris.de/osm/service?",
       {layers: 'OSM-WMS'}
    );
	     var layer2 = new OpenLayers.Layer.WMS(
       "ДЦ",
                "http://localhost:8080/geoserver/IGDG_data/wms", {
				layers: 'I_data:churchu',
				transparent:true
				});
		
				
         map.addLayers([layer,layer1,layer2]);
		

        var panel=new GeoExt.MapPanel({
		  center: [24, 50],
          zoom: 7,
	      region: "center",
		  map: map,
          
        });
		
		
var tree = new Ext.tree.TreePanel({
        title: 'Layers',
		width: 250,
		rootVisible: true,
		region: "west",
               
        autoScroll: true,
        enableDD: true,
        
        plugins: [{
            ptype: "gx_treenodecomponent"
        }],
        
		loader: {
            applyLoader: false,
            uiProviders: {
                "custom_ui": LayerNodeUI
            }
        },
        
		root: {
            nodeType: "gx_layercontainer",
            loader: {
                baseAttrs: {
                    uiProvider: "custom_ui"
                },
                
            }
        },
        
        lines: false
    });

			 
		 var viev=new Ext.Viewport({
            layout:'border',
            items: [panel, tree,
			   {
                    xtype: 'panel',
                    title: 'Верхня панель',
                    html: 'Верхня панель',
                    region: 'north',
                    height: 80
					
			    },{
                    xtype: 'panel',
                    title: 'Нижня панель',
                    html: 'Нижня панель',
                    region: 'south',
                    height: 200,
					collapsed: true,
					collapsible: true,
                    titleCollapse: true,
					split: true
					
                },{
                    xtype: 'panel',
                    title: 'Права панель',
                    html: 'Права панель',
                    region: 'east',
                    width: 120
                }] ,
                
         });
		
		
    });
</script>
</head>
<body>
<div id="gxmap"></div>
</body>
</html>

Мне не понятно что делает Ext.extend и вообще ее назначение в программе

Код

var LayerNodeUI = Ext.extend(
    GeoExt.tree.LayerNodeUI,
    new GeoExt.tree.TreeNodeUIEventMixin()
);

Также не понятно, что выполняется в элементе ext.tree.TreePanel в этом куске кода

Код

plugins: [{
            ptype: "gx_treenodecomponent"
        }],
        
		loader: {
            applyLoader: false,
            uiProviders: {
                "custom_ui": LayerNodeUI
            }
        },
        
		root: {
            nodeType: "gx_layercontainer",
            loader: {
                baseAttrs: {
                    uiProvider: "custom_ui"
                },
                
            }
        },

Как сделать чтобы базовые слои layer и layer1, были в одном root а layer2 в другом root?

И еще при отключении слоя layer2 в Ext.tree.TreePanel он исчезает с карты. Если сразу его включить то он появляется на карте только когда подвигать картой или при изменении масштаба. В чем проблема? Подозреваю что все дело в Ext.onReady но не знаю что именно.

Заранее благодарю!
Использую ExtJS+GeoExt+OprnLayers

Donald28 · 18.12.2014, 09:23

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

По поводу Ext.extend смотри тут: http://docs.sencha.com/extjs/3... hod-extend
В твоем случае этот метод расширяет объект GeoExt.tree.LayerNodeUI новым объектом GeoExt.tree.TreeNodeUIEventMixin(). Скорее классы этих объектов описаны у тебя в

HTML5

1	<script type="text/javascript" src="http://localhost:8080/geoserver/www/GeoExt/script/GeoExt.js"></script>

Про кусок кода: TreePanel у тебя дополняется плагином (plugins), который описан скорее всего в том же файле. Про этот плагин ничего сказать немогу, надо смотреть документацию именно по нему, если такая имеется. root и loader также приведены в документации к ExtJS.

Про остальное (слои), т.к. не знаком с приведенными (GeoExt+OprnLayers) расширениями

Новые блоги и статьи
Как написать микросервис на Go/Golang с Kafka и GitHub CI/CD InfoMaster 14.01.2025 Определение микросервиса, преимущества использования Go/ Golang Микросервис – это архитектурный подход к разработке программного обеспечения, при котором приложение состоит из небольших, независимо. . .	Как написать микросервис с нуля на C# с RabbitMQ, CQRS и CI/CD InfoMaster 14.01.2025 В современном мире разработки программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот архитектурный подход предполагает. . .	Как создать интернет-магазин на PHP и JavaScript InfoMaster 14.01.2025 В современном мире электронная коммерция стала неотъемлемой частью бизнеса. Создание собственного интернет-магазина открывает широкие возможности для предпринимателей, позволяя достичь большей. . .	Как написать Тетрис на Ассемблере InfoMaster 14.01.2025 Тетрис – одна из самых узнаваемых и популярных компьютерных игр, созданная в 1984 году советским программистом Алексеем Пажитновым. За прошедшие десятилетия она завоевала симпатии миллионы людей по. . .	Как создать игру "Танчики" на Unity3d и C# InfoMaster 14.01.2025 Разработка игр – это увлекательный процесс, сочетающий в себе творчество и технические навыки. В этой статье мы рассмотрим создание классической игры "Танчики" с использованием Unity3D и языка. . .	Организую платный онлайн микро-курс по доработке Android-клиента Telegram _Ivana 14.01.2025 Официальная версия и распространенные форки не полностью устраивают? Сделай свою кастомную версию клиента! 4 занятия по 2 часа (2 недели пн, ср 19:00-21:00 по Москве). Первое вводное занятие. . .
Как создать приложение для фитнеса для iOS/iPhone на Kotlin InfoMaster 14.01.2025 Создание собственного фитнес-приложения — это не только захватывающий, но и полезный процесс, ведь оно может стать вашим верным помощником на пути к здоровому и активному образу жизни. В современных. . .	Как создать приложение магазина для iOS/iPhone на Swift InfoMaster 14.01.2025 Введение в разработку iOS-приложений Разработка приложений для iPhone и других устройств на базе iOS открывает огромные возможности для создания инновационных мобильных решений. В данной статье мы. . .	Это работает. Скорость асинхронной логики велика. Вопрос видимо останется в стабильности. Плата - огонь! Hrethgir 13.01.2025 По прошлому проекту в Logisim Evolution https:/ / www. cyberforum. ru/ blogs/ 223907/ blog8781. html прилагаю файл архива проекта в Gowin Eda. Восьмибитный счётчик из сумматора+ генератор сигнала. . .	UserScript для подсветки кнопок языков программирования в зависимости от текущего раздела volvo 13.01.2025 В результате работы этого скрипта подсвечиваются нужные кнопки не только в форме быстрого ответа, но и при редактировании сообщения: / / ==UserScript== / / @name CF_DefaultLangSelect / / . . .	Введение в модели и алгоритмы машинного обучения InfoMaster 12.01.2025 Машинное обучение представляет собой одну из наиболее динамично развивающихся областей искусственного интеллекта, которая фокусируется на разработке алгоритмов и методов, позволяющих компьютерам. . .	Как на Python создать нейросеть для решения задач InfoMaster 12.01.2025 В контексте стремительного развития современных технологий особое внимание уделяется таким инструментам, как нейросети. Эти структуры, вдохновленные биологическими нейронными сетями, используются для. . .

	18.12.2014, 09:23

Сделать, чтобы базовые слои layer и layer1, были в одном root а layer2 в другом root

Решение