Hi Ramon, Try this setup:
<html> <head> <link rel="stylesheet" href="http://dhis2-cdn.org/ v222/ext/resources/css/ext-plugin-gray.css" /> <script src="http://dhis2-cdn.org/v222/ext/ext-all.js";></script> <script src="http://dhis2-cdn.org/v226/plugin/map.js";></script> </head> <body> <div id="map"></div> <script> Ext.onReady(function() { DHIS.getMap({ "id": "zDP78aJU8nX", // or map config "el": "map", "url": "<url to server>", "username": "<username>", "password": "<password>" }); }); </script> </body> </html> -- Bjørn Sandvik GIS developer, DHIS 2 University of Oslo www.dhis2.org On Mon, May 15, 2017 at 2:44 PM, Ramón José Jiménez Pomareta < [email protected]> wrote: > Hello ! > > I am able to show a map when doing a custom map but there's a permanent > message saying "loading" and no data. I dot that with that code. Hay anyone > been successful using maps ? > > Thanks ! > > Here the code : > > Ext.onReady( function (){ > DHIS.getMap({ > url: base, > el: "map1", > mapViews: [{ > columns: [{dimension: "de", items: [{id: "ABCD...."}]}], > // data > rows: [{dimension: "ou", items: [{id: "LEVEL-3"}, {id: " > ABCDE...."}]}], // organisation units, > filters: [{dimension: "pe", items: [{id: "201510"}]}], > // period > // All following options are optional > classes: 7, > colorLow: "02079c", > colorHigh: "e5ecff", > opacity: 0.9 > }], > baseLayer :"gs" > }); > }); > > > 2017-05-08 15:10 GMT+02:00 Ramón José Jiménez Pomareta <[email protected]> > : > >> Hello, >> >> I am trying to put a custom map in a web page. I experimented some issued >> and I decided to start doing the most basic case: an existing map. There's >> no errors on the webpage but the map doesn't appear on the div. >> >> Do you have any clue ? The samples on the web don't work neither. >> <https://play.dhis2.org/portal/map.html> >> >> Thanks a lot ! >> Ramón. >> >> PS: Here's some code : >> >> [image: Images intégrées 2] >> >> The html div >> >> <div id="map2" class="map wide" ></div> >> >> >> >> *Impor**ts :* >> >> <script type="text/javascript" src="https://dhis2-cdn.org/v2 >> 22/ext/ext-all.js"></script> >> <script type="text/javascript" src="https://dhis2-cdn.org/v2 >> 26/plugin/map.js"></script> >> <script type="text/javascript" src="https://dhis2-cdn.org/v2 >> 22/openlayers/OpenLayers.js"></script> >> <script type="text/javascript" src="https://maps.google.com/ >> maps/api/js?sensor=false"></script> >> >> >> >> <script type="text/javascript"> >> >> $( document ).ready( function() { >> $('head').append('<link rel="stylesheet" href="https:// >> dhis2-cdn.org/v222/ext/resources/css/ext-plugin-gray.css" >> type="text/css" />'); >> >> >> >> *What I see on Google Chrome :* >> >> [image: Images intégrées 3] >> >> > > _______________________________________________ > Mailing list: https://launchpad.net/~dhis2-devs > Post to : [email protected] > Unsubscribe : https://launchpad.net/~dhis2-devs > More help : https://help.launchpad.net/ListHelp > > -- Bjørn Sandvik GIS developer, DHIS 2 University of Oslo www.dhis2.org
_______________________________________________ Mailing list: https://launchpad.net/~dhis2-devs Post to : [email protected] Unsubscribe : https://launchpad.net/~dhis2-devs More help : https://help.launchpad.net/ListHelp
