Commit 0f7c7050a0545b58c3a8f2a71e52024a9347d9aa
1 parent
15167bf3
plugin update
Showing
1 changed file
with
4 additions
and
45 deletions
datalets/leafletjs-geojson-datalet/leafletjs-geojson-datalet.html
| ... | ... | @@ -64,7 +64,7 @@ Example: |
| 64 | 64 | |
| 65 | 65 | <script> |
| 66 | 66 | |
| 67 | - var leafletjsBehavior = { | |
| 67 | + var leafletjsgeojsonBehavior = { | |
| 68 | 68 | |
| 69 | 69 | /** |
| 70 | 70 | * Read markers coordinates from the data object and add the marker to the map. |
| ... | ... | @@ -88,52 +88,11 @@ Example: |
| 88 | 88 | |
| 89 | 89 | L.Icon.Default.imagePath = 'http://services.routetopa.eu/DEEalerProvider/COMPONENTS/datalets/leafletjs-datalet/leafletsjs/images'; |
| 90 | 90 | |
| 91 | - var coordinates = []; | |
| 92 | - var coordinates_index = 0; | |
| 93 | - var isArray = t.data[0].data[0].constructor === Array; | |
| 94 | - | |
| 95 | - for(var i=0; i<t.data[0].data.length; i++) | |
| 96 | - { | |
| 97 | - if(isArray) | |
| 98 | - { | |
| 99 | - if(!isNaN(t.data[0].data[i][0]) && !isNaN(t.data[0].data[i][1])) | |
| 100 | - coordinates.push([parseFloat(t.data[0].data[i][0]), parseFloat(t.data[0].data[i][1])]); | |
| 101 | - else | |
| 102 | - continue; | |
| 103 | - } | |
| 104 | - else | |
| 105 | - { | |
| 106 | - if(!isNaN(t.data[0].data[i]) && !isNaN(t.data[1].data[i])) | |
| 107 | - coordinates.push([parseFloat(t.data[0].data[i]), parseFloat(t.data[1].data[i])]); | |
| 108 | - else | |
| 109 | - continue; | |
| 110 | - } | |
| 111 | - | |
| 112 | - var marker = L.marker([coordinates[coordinates_index][0], coordinates[coordinates_index][1]]).addTo(t._component.map); | |
| 113 | - coordinates_index++; | |
| 114 | - | |
| 115 | - if(t.data.length > 2) | |
| 116 | - { | |
| 117 | - var popupText = ""; | |
| 118 | - for(var j=2; j<t.data.length; j++) | |
| 119 | - { | |
| 120 | - if(typeof t.data[j] != 'undefined' && typeof t.data[j].data[i] != 'undefined') | |
| 121 | - { | |
| 122 | - if (t.data[j].data[i].toString().match(new RegExp("^(http[s]?:\\/\\/(www\\.)?|ftp:\\/\\/(www\\.)?|www\\.){1}([0-9A-Za-z-\\.@:%_\+~#=]+)+((\\.[a-zA-Z]{2,3})+)(/(.)*)?(\\?(.)*)?"))) | |
| 123 | - popupText += '<image height="100" width="100" src="' + t.data[j].data[i] + '" /><br/>'; | |
| 124 | - else | |
| 125 | - popupText += '<span>' + t.data[j].name + ' : ' + t.data[j].data[i] + '</span><br/>' | |
| 126 | - } | |
| 127 | - } | |
| 128 | - | |
| 129 | - var popup = L.popup().setContent(popupText); | |
| 130 | - marker.bindPopup(popup); | |
| 131 | - } | |
| 132 | - } | |
| 91 | + var geoJsonLayer = L.geoJson(t.data[0].data).addTo(t._component.map); | |
| 133 | 92 | |
| 134 | 93 | t._component.map._onResize(); |
| 135 | 94 | t._component.map.invalidateSize(false); |
| 136 | - t._component.map.fitBounds(coordinates); | |
| 95 | + t._component.map.fitBounds(geoJsonLayer); | |
| 137 | 96 | |
| 138 | 97 | } |
| 139 | 98 | }; |
| ... | ... | @@ -197,7 +156,7 @@ Example: |
| 197 | 156 | * @method ready |
| 198 | 157 | */ |
| 199 | 158 | ready: function(){ |
| 200 | - this.behavior = $.extend(true, {}, BaseDataletBehavior, WorkcycleBehavior, AjaxJsonAlasqlBehavior, leafletjsBehavior); | |
| 159 | + this.behavior = $.extend(true, {}, BaseDataletBehavior, WorkcycleBehavior, AjaxJsonAlasqlBehavior, leafletjsgeojsonBehavior); | |
| 201 | 160 | this.async(function(){this.behavior.init(this)},100); |
| 202 | 161 | } |
| 203 | 162 | }); | ... | ... |