← Back to team overview

dhis2-devs team mailing list archive

Re: Running GIS plugin on html/javascript - map

 

Hi Bjorn,

Thank you for your help.

As you recommended, I upgraded to 2.26 and I can show a simple map.
But when I try to show a costum map with facilities I get an error about
dimension of facilities, please can you help about it.

Thank you my dear.

Diao

On Wed, May 24, 2017 at 9:27 AM, Bjørn Sandvik <bjorn@xxxxxxxxx> wrote:

> Hi Diao,
>
> Do you have the chance to upgrade to DHIS 2.26? Then you can include these
> files:
>
> <link rel="stylesheet" href="http://dhis2-cdn.org/v22
> 2/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>
>
> Regards,
>
> --
> Bjørn Sandvik
> GIS developer, DHIS 2
> University of Oslo
> www.dhis2.org
>
>
> On Tue, May 23, 2017 at 10:40 PM, Mamadou Diao Diallo <
> diao_diallo@xxxxxxxxxx> wrote:
>
>> Hello Bjorn,
>> Thank you for these responses.
>> I have this kind of problem about calling my custom map in my app, I
>> wonder if it's about version or what.
>>
>> I tried dhis2 2.25 and 2.22 but the same errors.
>>
>> Please find attached some files.
>>
>> Regards.
>>
>> Diao
>>
>> On Wed, May 17, 2017 at 9:22 PM, Bjørn Sandvik <bjorn@xxxxxxxxx> wrote:
>>
>>> Hi Ramón,
>>>
>>> I presume the your DHIS 2 instance is running v2.26? You can't use the
>>> 2.26 map plugin towards a 2.22 version of the Web API.
>>>
>>> You should make the map div bigger by setting a height value in CSS.
>>>
>>> If you want Google Maps as a basemap, use
>>>
>>> basemap: "googleStreets"
>>>
>>> Bjørn
>>>
>>>
>>> On Mon, May 15, 2017 at 5:41 PM, Ramón José Jiménez Pomareta <
>>> dhis2@xxxxxxxxxxx> wrote:
>>>
>>>> Hi again,
>>>>
>>>> I think that's better. There's no errors, ok, but there's lot of code
>>>> inside the div and  a blank narrow element in the page.
>>>>
>>>> Thank you again for your help !
>>>>
>>>> PS: The user/pass seem to be not relevant.
>>>>
>>>> PS2: That's how I do the imports
>>>> <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">
>>>>
>>>> $( document ).ready( function() {
>>>>
>>>>     /*******************************************************
>>>> *********************************************
>>>>      **********                               CSS imports
>>>>                                    **********
>>>>      *******************************************************
>>>> *********************************************/
>>>>     $('head').append('<link rel="stylesheet" href="https://d
>>>> his2-cdn.org/v222/ext/resources/css/ext-plugin-gray.css" typ
>>>> e="text/css" />');
>>>>
>>>>
>>>> and some lines farther...
>>>>
>>>>         Ext.onReady(    function (){
>>>>              DHIS.getMap({
>>>>                 url: base,
>>>>                 el: "map1",
>>>>                 mapViews: [{
>>>>                 columns: [{dimension: "dx", items: [{id: "DA
>>>> TAELEMENTID"}]}], // data
>>>>                 rows: [{dimension: "ou", items: [{id: "LEVEL-3"}, {id:
>>>> "ORGUNITID"}]}], // 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"
>>>>             });
>>>>
>>>>             DHIS.getMap({
>>>>                 "url": base,
>>>>                 "id": "cwhSUwUxBy4",
>>>>                 "el": "map2",
>>>>                 "username": "myuser",
>>>>                 "password": "mypass"
>>>>             });
>>>>
>>>>         });
>>>>
>>>>
>>>>
>>>> 2017-05-15 17:04 GMT+02:00 Ramón José Jiménez Pomareta <
>>>> dhis2@xxxxxxxxxxx>:
>>>>
>>>>> Hi sorry!
>>>>>
>>>>> Yes, I wrote the answer too fast. I'm trying now with 226 for maps and
>>>>> 222 for the others :)
>>>>>
>>>>> 2017-05-15 16:58 GMT+02:00 Bjørn Sandvik <bjorn@xxxxxxxxx>:
>>>>>
>>>>>> Hi,
>>>>>>
>>>>>> By looking at your screenshoot, it seems like you're loading version
>>>>>> 2.22 (or before) of the GIS app.
>>>>>>
>>>>>> This version is no longer supported. Could you test with DHIS 2.26?
>>>>>>
>>>>>> Bjørn
>>>>>>
>>>>>>
>>>>>>
>>>>>> On Mon, May 15, 2017 at 4:51 PM, Ramón José Jiménez Pomareta <
>>>>>> dhis2@xxxxxxxxxxx> wrote:
>>>>>>
>>>>>>> Hi Bjørn,
>>>>>>>
>>>>>>> Thank you for your quick answer, I tried that but I have the same
>>>>>>> problem. (I don't think it's a problem of authentication since my script is
>>>>>>> inside the platform (it's an HTML standard report)).
>>>>>>>
>>>>>>> However, I got on the console some other errors but I don't know if
>>>>>>> it's related.
>>>>>>>
>>>>>>> Thank you !
>>>>>>>
>>>>>>> PS: Here's the result and the console
>>>>>>>
>>>>>>> [image: Images intégrées 1]
>>>>>>>
>>>>>>>
>>>>>>> 2017-05-15 15:58 GMT+02:00 Bjørn Sandvik <bjorn@xxxxxxxxx>:
>>>>>>>
>>>>>>>> Hi Ramon,
>>>>>>>>
>>>>>>>> Try this setup:
>>>>>>>>
>>>>>>>> <html>
>>>>>>>> <head>
>>>>>>>> <link rel="stylesheet" href="http://dhis2-cdn.org/v22
>>>>>>>> 2/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 <
>>>>>>>> dhis2@xxxxxxxxxxx> 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: "AB
>>>>>>>>> CD...."}]}], // 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 <
>>>>>>>>> dhis2@xxxxxxxxxxx>:
>>>>>>>>>
>>>>>>>>>> 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://d
>>>>>>>>>> his2-cdn.org/v222/ext/resources/css/ext-plugin-gray.css" typ
>>>>>>>>>> e="text/css" />');
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> *What I see on Google Chrome :*
>>>>>>>>>>
>>>>>>>>>> [image: Images intégrées 3]
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>> _______________________________________________
>>>>>>>>> Mailing list: https://launchpad.net/~dhis2-devs
>>>>>>>>> Post to     : dhis2-devs@xxxxxxxxxxxxxxxxxxx
>>>>>>>>> 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
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> Bjørn Sandvik
>>>>>> GIS developer, DHIS 2
>>>>>> University of Oslo
>>>>>> www.dhis2.org
>>>>>>
>>>>>
>>>>>
>>>>
>>>
>>>
>>> --
>>> Bjørn Sandvik
>>> GIS developer, DHIS 2
>>> University of Oslo
>>> www.dhis2.org
>>>
>>> _______________________________________________
>>> Mailing list: https://launchpad.net/~dhis2-devs
>>> Post to     : dhis2-devs@xxxxxxxxxxxxxxxxxxx
>>> Unsubscribe : https://launchpad.net/~dhis2-devs
>>> More help   : https://help.launchpad.net/ListHelp
>>>
>>>
>>
>>
>> --
>> *DIALLO Mamadou Diao Conseiller IT, Specialiste de DHIS 2 **( District
>> Health Information Software )*
>>
>>
>> *Projet de Renforcement du Système d'Information Sanitaire en Guinée*
>> *Phone : 623909413 | 662256106*
>> *Skype : diawwdiallo*
>> www.jsi.com
>>
>
>
>
> --
> Bjørn Sandvik
> GIS developer, DHIS 2
> University of Oslo
> www.dhis2.org
>



-- 
*DIALLO Mamadou Diao Conseiller IT, Specialiste de DHIS 2 **( District
Health Information Software )*


*Projet de Renforcement du Système d'Information Sanitaire en Guinée*
*Phone : 623909413 | 662256106*
*Skype : diawwdiallo*
www.jsi.com

PNG image

PNG image

PNG image

Attachment: console.JPG
Description: JPEG image

Attachment: map vide.JPG
Description: JPEG image

Attachment: map.JPG
Description: JPEG image


Follow ups

References