UI5: nicht in der Lage eine Region auf der Karte

Question

meinen Code zu markieren: -

jQuery.sap.require("sap.ui.vbm.AnalyticMap"); 
    var oMap = new sap.ui.vbm.AnalyticMap({ 
      width:"100%", 
      height: '100%', 
      plugin: false, 
      regions: { 
       template: new sap.ui.vbm.Region({ 
        code: 'NA', 
        color: '#fff', 
       }) 
      } 
     }); 
     return new sap.m.Page({ 
      title: "Maps", 
      content: [oMap] 
     }); 

Ich versuche, eine Region auf der Karte zu markieren, aber kann ich nicht die API richtig am folgenden wird jede Hilfe dankbar

Answer 1

Sie müssen die GeoJSON-Dateien für Ihre Region haben, damit sie auf der Karte angezeigt werden. Die GeoJSON-Dateien werden an den folgenden Stellen in der angegebenen Reihenfolge wie erwähnt here gesucht.

1. server: port/sap/bc/VBI/GeoJSON/L0.json
2. ./media/analyticmap/L0.json

Sie erhalten eine GeoJSON Datei im MIME laden müssen Repository auf Ihrem Gateway-System. Sie können viele Quellen für GeoJSON im Internet finden.

http://www.naturalearthdata.com/downloads/

http://www.gadm.org/country

jedoch viele dieser Quellen werden Sie mit Shape-Dateien bieten. Diese enthalten Geodaten-Vektordaten zum Definieren von Regionen auf einer Karte. Sie müssen Ihre Shapefiles mit GDAL in Geojson konvertieren oder wenn Sie QGIS verwenden (wie ich), GDAL wird auch neben installiert.

GDAL: http://www.gdal.org/

QGIS: http://www.qgis.org/en/site/forusers/download.html

Sie können die folgenden Befehle zum Umwandeln einer Formdatei in GeoJSON

ogr2ogr -f "GeoJSON" target.json source.shp 

Oder wenn Sie CRS zu definieren, würde auch laufen wie

ogr2ogr -f "GeoJSON" -s_srs EPSG:3857 -t_srs EPSG:4326 target.json source.shp 

Sie können Ihre eigene Region erstellen s, mit diesem geojson.io

Sobald Sie Ihre GeoJSON Datei haben, können Sie diese in das MIME-Repository hinzuzufügen, oder Sie einen Pfad in Ihrer Anwendung auf das Ziel GeoJSON

sap.ui.vbm.AnalyticMap.GeoJSONURL = "/model/GeoJSON.json"; 

     var oMap = new sap.ui.vbm.AnalyticMap({ 
      width:"100%", 
      height: '100%', 
      plugin: false, 
      regions: { 
       template: new Region({ 
        code: 'NA', 
        color: 'rgba(184,225,245,1.0)', 
       }) 
      } 
     }); 

Sie können auch diese zur Verfügung stellen kann verweisen article.