簡體   English   中英

具有開放層3的EC2開放街道地圖服務器

[英]EC2 Open Street Map Server with Open Layers 3

晚上好:

我想使用開放圖層3連接到我的EC2開放式街道地圖服務器。因此,我的服務器中有一個文件示例:

http://ec2-34-240-39-198.eu-west-1.compute.amazonaws.com/openlayers-example.html

但是,如果顯示源(Ctrl-U),則我的代碼不顯示地址:

var newL = new OpenLayers.Layer.OSM("Default", "/osm_tiles/${z}/${x}/${y}.png", {numZoomLevels: 19});

我不知道什么是“默認”,也無法將服務器連接到Open Layers3。這是我的代碼:

var map = new ol.Map({
          target: 'map', 
          renderer: 'canvas', 
          layers: [
             new ol.layer.Tile({
                 source: new ol.source.OSM({
                   crossOrigin: null,
                   url: 'http://ec2-34-240-39-198.eu-west-1.compute.amazonaws.com/osm_tiles/${z}/${x}/${y}.png',
                    }),
                 }),
                vectorLayer,
           ],
 // Create a view centered on the specified location and zoom level
 view: new ol.View({
         center: ol.proj.transform([2.1833, 41.3833], 'EPSG:4326', 'EPSG:3857'),
         zoom: 3
         }),
       interactions: ol.interaction.defaults().extend([
         new ol.interaction.DragRotateAndZoom()
          ])
        });

它正在連接到您的服務器。 源顯示通用位置。 開放層處理所有復雜性以找到正確的X / Y / Z值。

您可以右鍵單擊地圖並顯示圖片信息。 您將看到它們確實來自服務器,具有不同的X / Y / Z值。

在此處輸入圖片說明

謝謝。 我解決了 我鏈接到IP,直接添加了“ osm_tiles / {z} / {x} / {y} .png”

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM