dhis2-devs team mailing list archive
-
dhis2-devs team
-
Mailing list archive
-
Message #49311
Re: Running GIS plugin on html/javascript - map
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: "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 <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
>
Follow ups
References
