2016-08-09 34 views
0

Ersten aktuelle Position aber Marker BildWie aktuelle Position von einem externen Taste erhalten oder GeoLocation Openlayers3

Derzeit aktuellen Standort auf Seite laden oder Mapwechsel Link klicken bekommen .. Wie aktuellen Standort erhalten aus externe Button oder Link klicken

var locationCircle = new ol.Feature(); 
    currentLocation = new ol.layer.Vector({ 
     source: new ol.source.Vector({ 
      features: [locationCircle] 
      }) 
    }); 
    var locationStyle = new ol.style.Style({ 
     image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({ 
     anchor: [0.5, 46], 
     anchorXUnits: 'fraction', 
     anchorYUnits: 'pixels', 
     opacity: 0.75, 
     src: 'resources/icon.png' 
     })) 
    }); 

    map = new ol.Map({ 
        target: target, 
        layers: [bingMapsRoad, circleLayer,vector,vehicleVector,currentLocation], 
        // renderer: 'canvas', 
        view: new ol.View({ 
        // center: ol.proj.transform([-0.12755, 51.507222], 'EPSG:27700', 'EPSG:3857'), 
        //center: [-10807016, 5029327], 
        // projection: 'EPSG:27700', 
         // resolutions: ResolutionsInfo, 
         center: ol.proj.transform([-0.12755, 51.507222], 'EPSG:4326', 'EPSG:3857'), 
         loadTilesWhileAnimating: true, 
         loadTilesWhileInteracting: true, 
         zoom: 6 
         }), 
        controls: ol.control.defaults({ attribution: false }), 
        loadTilesWhileInteracting: true 
        }); 

new ol.Geolocation({ 
     projection: map.getView().getProjection(), 
     tracking: true, 
     trackingOptions: { 
      enableHighAccuracy: true 
     } 
     }) 
     .on('change', function() { 
     var position = this.getPosition(); 
     var speed = this.getSpeed(); 
     var altitude = this.getAltitude(); 
     var heading = this.getHeading(); 

     map.getView().setCenter(position); 

     locationCircle.setGeometry(
      new ol.geom.Circle(position, 20) 
     ); 
     }); 
+1

'locationCircle.setStyle (locationStyle);' –

+0

Funktioniert nicht. Neu - Aktuelle Position beim Laden der Seite oder Kartenänderung. Wie Sie den aktuellen Standort über externe Schaltfläche oder Link erhalten – Sagar

Antwort

0

Sie statt es verwenden können:

geolocation.setProjection(map.getView().getProjection); 

die Funktion bindTo erscheint nicht in der neuesten A PI documentation

+0

Geändert den Code funktioniert Für den aktuellen Standort funktioniert der Stil nicht. Das Symbol erscheint nicht am aktuellen Standort. – Sagar

+0

wie Jonatas sagte in seinem Kommentar oben, können Sie den Stil wieder auf Ihrem Standort setzen Kreis –

+0

Versuchen Sie, aber nicht Stil funktioniert nicht .. Neu - Derzeit aktuellen Speicherort auf Seite laden oder Karte ändern .. So erhalten Sie aktuelle Position von externen Taste oder Link klicken – Sagar