API листовок GeoJSON замедляет работу сайта - PullRequest
Новая
       7

API листовок GeoJSON замедляет работу сайта

0 голосов
/ 03 декабря 2018

Я пытаюсь использовать API листовки для отображения данных о местах на Коралловом рифе по всему миру.Первоначально я скачал шейп-файл (.shp) и преобразовал его в GeoJSON, используя QGIS.Я поместил данные в папку своего проекта, но когда я попытался отобразить эти данные на листочке с помощью Ajax-запроса, браузеру потребовалось очень много времени для загрузки и, в конечном итоге, вернуло не отвечающее сообщение.Однако я мог видеть, что маркеры появляются на карте, хотя и очень медленно.Есть ли способ создать файл меньшего размера или загрузить данные более эффективно, чтобы не сделать весь сайт непригодным для использования?

Мой запрос Ajax выглядел так:

$.ajax({
        type: 'GET',
        url: './coldwater.geojson',
        dataType: 'json',
        data: data,
        success: function (data) {
            L.geoJSON(data).addTo(mymap);
        }, error: function(){
            console.log('Couldn\'t load data');
        }
    });

Вот фрагмент кода geoJSON 

{
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
"features": [
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -75.116700000304718, 18.283300000094982 ], [ -75.116699858211859, 18.283301156623111 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -34.850000000399632, 9.01670000040474 ], [ -34.849996660317572, 9.016695959750791 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -34.850000000399632, 9.01670000040474 ], [ -34.849996660317572, 9.016695959750791 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -81.166699999905006, 23.983300000394763 ], [ -81.166699953140267, 23.983303104854429 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -79.549997733808311, 26.649999766076405 ], [ -79.416700222836994, 27.166696245435446 ], [ -79.416700222836994, 27.283302340130945 ], [ -79.416699999805132, 27.283300000094982 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -78.683303107752181, 27.416698775628049 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -79.216699996607531, 24.099999131754601 ], [ -78.850001440414133, 26.516702255105031 ], [ -78.39999868309269, 26.583297050818317 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -77.083301298815854, 25.166702977260627 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -79.233301481578053, 27.216698550297906 ], [ -79.216699996607531, 27.300002749627254 ] ] } },
{ "type": "Feature", "properties": { }, "geometry": { "type": "MultiPoint", "coordinates": [ [ -79.549997733808311, 26.649999766076405 ], [ -79.416700222836994, 27.166696245435446 ], [ -79.416699999805132, 27.166700000104981 ], [ -79.366697917974477, 27.533295877103114 ] ] } },

Было бы лучше использовать API Google Maps?Или есть лучший способ вставить шейп-файл в карту листовки?

ps: если это не подходит или не по теме, дайте мне знать.Я новичок в публикации на stackoverflow

...