← Back to team overview

dhis2-devs team mailing list archive

Re: Running GIS plugin on html/javascript - map

 

Yes the map load in the GIS App, but when I call it in another App that i'm
developping I have this error.
When I set up a simple map whithout facilities it works good, so the
problem is showing the facilities but I don't see any solution.

Please find attached the custom map that I'm trying to show and the codes.

Thank you again.

Diao

On Wed, May 31, 2017 at 4:00 PM, Bjørn Sandvik <bjorn@xxxxxxxxx> wrote:

> Hi Diao,
>
> So the maps load in the GIS App, but not as a plugin?
>
> Could you email me code you use to create the map?
>
> Cheers,
>
> --
> Bjørn Sandvik
> GIS developer, DHIS 2
> University of Oslo
> www.dhis2.org
>
>
> On Wed, May 31, 2017 at 12:46 PM, Mamadou Diao Diallo <
> diao_diallo@xxxxxxxxxx> wrote:
>
>> 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: "20
>>>>>>>>>>> 1510"}]}], // 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
>>
>
>
>
> --
> 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: GIS map.JPG
Description: JPEG image

Attachment: Code map.JPG
Description: JPEG image

Attachment: html map.JPG
Description: JPEG image


References