javascript — Openlayers 4 с использованием локальных векторных плиток (.pbf) без сервера

Openlayers 4 с использованием локальных векторных плиток (.pbf) без сервера

Обычно веб-сайты не могут получить доступ к вашей локальной файловой системе. Это необходимо для защиты вас и вашего компьютера от сайтов, которые следят за вами.

Однако есть исключения из этого правила.

  1. Веб-сайты могут читать файлы, которые вы выбрали в элементе ввода «загрузить файл».
  2. Страница может читать файловую систему, когда она открыта с диска

Открытие html-документа с жесткого диска означает, что вы просто дважды щелкаете его на своем компьютере, и браузер открывает его. Все относительные ссылки в этом HTML-документе относятся к этому документу.

Поэтому, если вы используете класс GeoJSON , вы можете просто указать ему путь к файлам на вашем компьютере. Вот пример, который читает локальный файл с именем mygeojson.geojson из папки mysubfolder и показывает его поверх слоя OpenStreetMap:

 var map = new ol.Map({ layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }), new ol.layer.Image({ source: new ol.source.ImageVector({ source: new ol.source.Vector({ url: 'mysubfolder/mygeojson.geojson', format: new ol.format.GeoJSON() }), style: new ol.style.Style({ fill: new ol.style.Fill({ color: 'rgba(255, 255, 255, 0.6)' }), stroke: new ol.style.Stroke({ color: '#319FD3', width: 1 }) }) }) }) ], target: 'map', view: new ol.View({ center: [0, 0], zoom: 1 }) }); 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector