Le portail francophone de la géomatique

franyam · Thu 27 February 2020 06:20

Bonjour a tous ! J'ai un serieux probleme avec le GeoEXT que j'utilise pour mon application WebSIg. Je voudrais savoir s'il est payant. En fait , je realise normalement a travers des tuto le code html, js, css avec mes WMS de Geoserver. Mais mon probleme est que lorsque je lance dans un navigateur , rien ne s'affiche. Jai beau essayé , cest le blocage total. J'aimerais savoir si quelquun fait le webmapping avec GeoEXt de bien vouloir maider. merci

PA · Thu 27 February 2020 09:40

Bonjour,

GeoExt est libre et gratuit : https://geoext.org/

Que disent vos logs ?

franyam · Sat 29 February 2020 12:24

Merci pour votre reponse. En fait je me pose tant de question. Je cherche ou se cache la petite bête qui empêche L4affichage de la page. Si ça ne sera pas tres agaçant, je publie avec vous le code.

voici le code :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
</head>
<body>
</body>

<title>Web GIS Francis</title>
   
<script src="http://localhost:8081/App/Libs/OpenLayers-2.13.1/OpenLayers.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://localhost:8081/App/Libs/OpenLayers-2.13.1/theme/default/style.css" type="text/css">


<script type="text/javascript" src="http://localhost:8081/App/Libs/ext-js-gpl-master/ext-4.2.1/examples/shared/include-ext.js"></script>
<script type="text/javascript" src="http://localhost:8081/App/Libs/ext-js-gpl-master/ext-4.2.1/examples/shared/options-toolbar.js"></script>
<script type="text/javascript" src="http://localhost:8081/App/Libs/OpenLayers-2.13.1.js"></script>


<link rel="stylesheet" type="text/css" href="http://localhost:8081/test/libs/ext-4.2.1.883/examples/shared/example.css"/>


<script type="text/javascript">

Ext.Loader.setConfig({
enabled: true,
disableCaching: false,
paths: {
GeoExt: "http://localhost:8081/App/Libs/geoext2-2.1.0/src/GeoExt"
}
});

Ext.require([

'GeoExt.tree.OverlayLayerContainer',
'GeoExt.tree.BaseLayerContainer',
'GeoExt.data.LayerTreeModel',

]);

Ext.onReady(function() {

Ext.QuickTips.init();

var bounds = new OpenLayers.Bounds(
68.1862489922762, 6.75556607519684,
97.4152926679075, 37.0766772569498
);

var options = {
   maxExtent: bounds,
// maxResolution: 0.222,
projection: "EPSG:4326",
allOverlays: true,
units: 'degrees',
//center: new OpenLayers.LonLat(23,77),
zoom: 5,
//controls:[new OpenLayers.Control.MouseDefaults()]
};

var map = new OpenLayers.Map('map', options);

var india_state = new OpenLayers.Layer.WMS(
"route", "http://localhost:8081/geoserver/wms",
{
LAYERS: ' espace_yam:route',
STYLES: '',
format: 'image/png',
tiled: true,
transparent: true
// tilesOrigin : map.maxExtent.left + ',' + map.maxExtent.bottom
},
{
// tileOptions: {maxGetUrlLength: 2048},
displayInLayerSwitcher: true,
isBaseLayer: false,
//singleTile: true,
transitionEffect: 'resize'
}
);
addLayers(route);

var india_dist = new OpenLayers.Layer.WMS(
"india_district", "http://localhost:8081/geoserver/wms",
{
LAYERS: 'spatial:India_district',
STYLES: '',
format: 'image/png',
//cql_filter: 'state_name == "BIHAR"',
tiled: true,
transparent: true
// tilesOrigin : map.maxExtent.left + ',' + map.maxExtent.bottom
},
{
// tileOptions: {maxGetUrlLength: 2048},
displayInLayerSwitcher: true,
isBaseLayer: false,
//singleTile: true,
transitionEffect: 'resize'
}
);

map.addLayers([india_state,india_dist]);

var mapPanel = Ext.create('GeoExt.panel.Map', {
// title: 'Mappanel',
map: map,
region: 'center',
stateful: true,
// stateId: 'mappanel',
dockedItems: [{
xtype: 'toolbar',
dock: 'top',
items: [{
text: 'Current center of the map',
handler: function(){
var c = GeoExt.panel.Map.guess().map.getCenter();
Ext.Msg.alert(this.getText(), c.toString());
}
}]
}]
});

var store = Ext.create('Ext.data.TreeStore', {
model: 'GeoExt.data.LayerTreeModel',
root: {
expanded: true,
children: [
{
plugins: [{
ptype: 'gx_layercontainer',
store: mapPanel.layers
}],
expanded: true
}, {
plugins: ['gx_baselayercontainer'],
expanded: true,
text: "Base Maps"
}, {
plugins: ['gx_overlaylayercontainer'],
expanded: true
}
]
}
});
// var layer;
   var tree = Ext.create('GeoExt.tree.Panel', {
border: true,
region: "west",
title: "Layers",
width: 250,
split: true,
collapsible: true,
// collapseMode: "mini",
autoScroll: true,
store: store,
rootVisible: false,
lines: false,
});

var north = Ext.create('Ext.panel.Panel', {
   title: "<center>My First Web GIS page</center>",
      region: 'north',
   });

var viewport = Ext.create('Ext.Viewport', {
layout: "fit",
hideBorders: true,
items: {
layout: "border",
deferredRender: false,
items: [mapPanel, north, tree]
}
});

});

</script>
</html>

franyam · Sun 01 March 2020 03:01

Bonjour, a present , lorsque je lance ma page en localhost, elle affiche tout blanc !

PA · Tue 03 March 2020 12:29

Bonjour,

Que dit la console JS de votre navigateur ?

franyam · Tue 03 March 2020 12:37

Bonjour ,

Merci surtout pour l'interet accordé à mon sujet. voici ce que dit la console JS de Firefox:

window.controllers/Controllers est obsolète. Veuillez ne pas l’utiliser pour détecter l’agent utilisateur (UA). OpenLayers.js:550:417
Cette page utilise la propriété non standard « zoom ». Envisagez d’utiliser calc() dans les valeurs des propriétés pertinentes ou utilisez « transform » avec « transform-origin: 0 0 ». my_first_page.html
Échec du chargement pour l’élément <script> dont la source est « http://localhost:8080/webmap/libs/geoext2-2.1.0/src/GeoExt/tree/BaseLayerContainer.js ». my_first_page.html:1:1
Échec du chargement pour l’élément <script> dont la source est « http://localhost:8080/webmap/libs/geoext2-2.1.0/src/GeoExt/tree/OverlayLayerContainer.js ». my_first_page.html:1:1
Échec du chargement pour l’élément <script> dont la source est « http://localhost:8080/webmap/libs/geoext2-2.1.0/src/GeoExt/data/LayerTreeModel.js ». my_first_page.html:1:1
Échec du chargement pour l’élément <script> dont la source est « http://localhost:8080/webmap/libs/geoext2-2.1.0/src/GeoExt/Action.js ». my_first_page.html:1:1
GEThttp://localhost:8080/webmap/libs/OpenLayers-2.13.1/theme/default/style.css
[HTTP/1.1 404 0ms]

GEThttp://localhost:8080/webmap/libs/OpenLayers-2.13.1/theme/default/style.css
[HTTP/1.1 404 0ms]

GEThttp://localhost:8080/webmap/Libs/ext-js/ext-4.2.1/resources/css/ext-all-neptune-debug.css
[HTTP/1.1 200 0ms]

GEThttp://localhost:8080/webmap/Libs/ext-js/ext-4.2.1/examples/shared/example.css
[HTTP/1.1 200 0ms]

GEThttp://ff.kis.v2.scr.kaspersky-labs.com/E3E8934C-235A-4B0E-825A-35A08381A191/abn/main.css?attr=aHR0cDovL2xvY2FsaG9zdDo4MDgwL3dlYm1hcC9teV9maXJzdF9wYWdlLmh0bWw
[HTTP/1.1 200 0ms]

Sélecteur attendu. Jeu de règles ignoré suite à un mauvais sélecteur. style.css:1:1
Jeu de règles ignoré suite à un mauvais sélecteur. style.css:1:1227
Sélecteur attendu. Jeu de règles ignoré suite à un mauvais sélecteur. style.css:1:1
Jeu de règles ignoré suite à un mauvais sélecteur. style.css:1:1227
Propriété « -moz-border-radius » inconnue. Déclaration abandonnée. example.css:60:24

Communauté	Ressources	L'emploi	Le marché	L'association	Fils RSS
Forum Blogs Wiki Planet Sites amis	Agenda Biblio Fiches AMO-CNIG Paris PCGIS Téléchargements	Offres d'emploi Banque de CV Formations Démarche Métiers	Geo-Entreprises Geo-Communiqué Appels d'offres	L'association Qui sommes-nous ? Nous aider Bienfaiteurs Partenaires Historique Statuts	Tout le site Job Géomatique Services GeoBlogs ...	Faire un don Mentions légales

Le portail francophone de la géomatique

Annonce

#1 Thu 27 February 2020 06:20

Au secours !Web Mapping

#2 Thu 27 February 2020 09:40

Re: Au secours !Web Mapping

#3 Sat 29 February 2020 12:24

Re: Au secours !Web Mapping

#4 Sun 01 March 2020 03:01

Re: Au secours !Web Mapping

#5 Tue 03 March 2020 12:29

Re: Au secours !Web Mapping

#6 Tue 03 March 2020 12:37

Re: Au secours !Web Mapping

Pied de page des forums