OL3: GetFeature von Schichten, die durch Koordinieren

Möchte ich, um die Funktion der Schicht zu koordinieren.
Darüber hinaus will ich zum öffnen dieser Funktion in einem popup, das ich gelöst haben, die bisher von einem onclick-Ereignis. Aber ich möchte zu verwirklichen, indem Sie die Koordinaten der Funktion und öffnen das popup der featue.

Habe ich eine Ebene mit der Karte und eine Schicht mit den Eigenschaften:

if (trackMap != null) {
  for (var i = 0; i < trackMap.length; i++) {
    var trackInfo = trackMap[i];
    lat = parseFloat(trackInfo.lat);
    lon = parseFloat(trackInfo.lon);

    var layergpx = new ol.layer.Vector({
      source: new ol.source.Vector({
        parser: new ol.parser.GPX(),
        url: '${contextRoot}/gps/gpx2' + trackInfo.url
      })
    });
    layers.push(layergpx);
  }
}

Möchte ich, um die Funktion dieser Schicht in eine andere Javascript-Funktion.

Wie ich, öffnet sich ein pop-up indem Sie auf die Karte:

/**
 * The Click Event to show the data
 */
var element = document.getElementById('popup');
var popup = new ol.Overlay({
      element: element,
      positioning: ol.OverlayPositioning.BOTTOM_CENTER,
      stopEvent: false
});
map.addOverlay(popup);

map.on('singleclick', function(evt) {
  map.getFeatures({
    pixel: evt.getPixel(),
    layers: vectorLayers,
    success: function(layerFeatures) {
      var feature = layerFeatures[0][0];
      if (feature) {
        var geometry = feature.getGeometry();
        var coord = geometry.getCoordinates();
        popup.setPosition(coord);
        $(element).popover({
          'placement': 'top',
          'html': true,
          'content': feature.get('desc')
        });
        $(element).popover('show');
      } else {
        $(element).popover('destroy');
      }
    }
  });
});

Aber ich will dieses feature nicht geöffnet werden durch anklicken auf der Karte, aber bei der Eingabe eine Koordinate in einem textfield und die Karte öffnet sich dieses pop-up, wie Sie in das onclick-Ereignis.

  • Von dem, was verstanden, du möchtest eine Funktion von dieser layergpx Schicht, richtig? Warum, wollen Sie nicht erstellen Sie das popup von der callback-Funktion der Auswahl? Sie können jede JS-Funktion als callback.
InformationsquelleAutor DonMarco | 2014-01-06
  1. 2

    Werfen Sie einen Blick auf dieses Beispiel, um zu sehen, wenn es dir hilft:
    http://openlayers.org/en/latest/examples/kml.html

    var displayFeatureInfo = function(pixel) {
  map.getFeatures({
    pixel: pixel,
    layers: [vector],
    success: function(featuresByLayer) {
      var features = featuresByLayer[0];
      var info = [];
      for (var i = 0, ii = features.length; i < ii; ++i) {
        info.push(features[i].get('name'));
      }
      document.getElementById('info').innerHTML = info.join(', ') || '&nbsp';
    }
  });

    Karte.getFeatures() hat diese Erfolgs-callback, wo es liefert die Funktionen der Schichten in Schichten angelegt: [vector]. Passen Sie es am Willen zu bekommen, was Sie brauchen.

    === Update ===

    In der OpenLayers 3 ist ein Map-Objekt Sie haben eine Funktion: getPixelFromCoordinate 

    /**
 * @param {ol.Coordinate} coordinate Coordinate.
 * @return {ol.Pixel} Pixel.
 */
ol.Map.prototype.getPixelFromCoordinate = function(coordinate) {
  var frameState = this.frameState_;
  if (goog.isNull(frameState)) {
    return null;
  } else {
    var vec2 = coordinate.slice(0, 2);
    return ol.vec.Mat4.multVec2(frameState.coordinateToPixelMatrix, vec2, vec2);
  }
};
    • Ich denke, ich habe das schon umgesetzt, was Sie sind, was darauf hindeutet, wusste ich einfach nicht posten. Tut mir Leid. Das problem ist, ich weiß nicht, die pixel von dem feature, aber ich kenne die Koordinaten des Features. Ich möchte zu öffnen, die pop-up, wie Sie auf das onclick-Ereignis, aber durch Eingabe der Koordinaten.
    • Man könnte hinzufügen, eine Vektor-Ebene, wo Sie ein feature hinzufügen (Punkt) und dann die pixel in diesem Punkt (feature).
    • Blick auf meine Aktualisieren, können Sie verwerfen meinem vorherigen Kommentar. Geben Sie einfach in die Koordinaten, und Sie erhalten die Pixel.
    • Und wie rufe ich diese Funktion? Ich habe versucht: ol.Map.prototype.getPixelFormCoordinate(ol.proj.transform([doubleLon, doubleLat], 'EPSG:4326', 'EPSG:3857')) und map.getPixelFormCoordinate(ol.proj.transform([doubleLon, doubleLat], 'EPSG:4326', 'EPSG:3857')) Aber ich bin ein bisschen stecken oder verwirrt? :-/
    • einfach in den map-Objekt. myMap = new ol.Map(...); pixel=myMap.getPixelFormCoordinate(ol.proj....)
    • Was ol.js verwenden Sie? Meine Openlayers nicht die Funktion getPixelfromCoordinate, und wenn ich der Funktion die variable goog, ol.vec.Mat4.multVec2 unbekannt sind
    • Aus der Quelle: github.com/openlayers/ol3/blob/master/src/ol/map.js Kurze Frage, sind Sie mit ol3 in einer Produktionsumgebung?
    • lassen Sie uns weiter, diese Diskussion im chat
    • Sorry kann nicht den Zugang zu chat-überhier.
    • Ja, ich bin mit dieser in der Produktionsumgebung. Ursprünglich nur zum testen, aber da funktioniert alles, die wir brauchten, sogar meist besser als in ol2, wir verwendet, wenn für die Produktion schon.. Das bringt mich zu der Frage, wie passen diese OL3... ich habe nicht diese "goog" an der Sache...
    • Ich weiß nicht, ob es eine gute Idee, dies zu nutzen, prod env, es ändern kann und dass Sie auch viel von Ihrem code - riskant!. goog ist in Bezug auf den Verschluss (developers.google.com/closure/library/docs/tutorial)
    • Es ist beta. Ich weiß es, und es ist nicht perfekt, aber alles was ich brauche funktioniert. Und solange ich nicht auf Schrift, sondern auf meine eigene, Sie können nichts ändern in meine Produktion. Ok, es gibt also keine Möglichkeit, zu Fuß rund um SCHLIEßUNG, um eine vollständige ol3.js?
    • Ich würde sagen Nein. Sie haben zu stick mit ihm.

    InformationsquelleAutor Rui Lima
Schreibe einen Kommentar