javascript - How to display a track on a layer with lat and long -


i want show track on map tried follow problem don't want load track point in layer gpx file (because don't want generate file coordinates witch gpsdevice programmatically)

is there way add track layer long , lat

// add layer gpx track var lgpx = new openlayers.layer.vector("car track", {     strategies: [new openlayers.strategy.fixed()],     protocol: new openlayers.protocol.http({         url: "testtrack.gpx",         format: new openlayers.format.gpx()     }),     style: { strokecolor: "green", strokewidth: 5, strokeopacity: 0.5 },     projection: new openlayers.projection("epsg:4326") }); map.addlayer(lgpx); 

here lat , long in gpx file(xml format)

<?xml version="1.0" encoding="utf-8"?>     <gpx version="1.0">     <name>example gpx</name>     <trk><name>example gpx</name><number>1</number>     <trkseg>         <trkpt lat="35.737097" lon="51.314965"></trkpt>         <trkpt lat="35.736953" lon="51.317454"></trkpt>         <trkpt lat="35.737572" lon="51.317551"></trkpt>         <trkpt lat="35.737755" lon="51.315716"></trkpt>         <trkpt lat="35.739588" lon="51.316070"></trkpt>     </trkseg>     </trk>  </gpx> 

i've found solution ,here is

        linelayer = new openlayers.layer.vector("line layer");         map.addlayer(linelayer);         map.addcontrol(new openlayers.control.drawfeature(linelayer, openlayers.handler.path));      var coordinates = [         { lat: "35.737097", lon: "51.314965" },         { lat: "35.736953", lon: "51.317454" },         { lat: "35.737572", lon: "51.317551" },         { lat: "35.737755", lon: "51.315716" },         { lat: "35.739588", lon: "51.316070" }     ]; function drawtrack(){         var points = coordinates.map(function (cor) {             return new openlayers.geometry.point(cor.lon, cor.lat)                              .transform(new openlayers.projection("epsg:4326"), map.getprojectionobject());         });          var style = {             strokecolor: '#0000ff',             strokeopacity: 0.5,             strokewidth: 5         };          (var = 0; < points.length - 1; i++) {              (function (i) {                  window.settimeout(function () {                     var line = new openlayers.geometry.linestring([points[i], points[i + 1]]);                     var linefeature = new openlayers.feature.vector(line, null, style);                     linelayer.addfeatures([linefeature]);                      map.setcenter(points[i].lon, points[i].lat);                  }, * 1000);              }(i));         } } 

Comments

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

javascript - Add class to another page attribute using URL id - Jquery -

firefox - Where is 'webgl.osmesalib' parameter? -