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