javascript - Map Route Direction Zoom to Segment -

-

basically trying zoom route segment when getting direction on onemap. here javascript codes trying plot route , zoom route segment:

function getdirections() { var routedata = new route; var = document.getelementbyid('txtfrom').value var = document.getelementbyid('txtto').value //draw out line cordinate cordinate routedata.routestops = + ";" + to;  //what type of mode routedata.routemode = "drive"; //can draw out untill following coordiante routedata.barriers = '36908.388637,35897.420831'; {     if (document.getelementbyid('cbavoid').checked) {         routedata.avoiderp = "1";     }     else         routedata.avoiderp = "0"; } routedata.getroute(showroutedata) }  function showroutedata(routeresults) {     if (routeresults.results == "no results") {         alert("no route found, please try other location.")         return     }     $('#divcomputeddirection').show();     directions = routeresults.results.directions[0];     directionfeatures = directions.features;     var routesymbol = new esri.symbol.simplelinesymbol().setcolor(new dojo.color([0, 0, 255, 0.5])).setwidth(4);     var mergedgeometry = new esri.geometry.polyline()      mergedgeometry.addpath(routeresults.results.routes.features[0].geometry.paths[0])     onemap.map.graphics.add(new esri.graphic(mergedgeometry, routesymbol));     //display total time , distance of route                        var htmlstr = "";     htmlstr += "<img class='close-image' onclick='closedirectionresultdiv();' alt='close' src='img/closedirectionresult.png' />";     htmlstr += "<span style='font-weight:bold;'><br /> &nbsp; total distance: " + math.round(directions.summary.totallength) + "km" + "<br /> &nbsp; total time: " + math.round(directions.summary.totaltime) + "mins <br/></span>";      document.getelementbyid("divcomputeddirection").innerhtml = htmlstr;      //list directions , create hyperlinks each route segment     (var = 0; < directions.features.length; i++) {         var feature = directions.features[i]         document.getelementbyid("divcomputeddirection").innerhtml += '<a href="javascript:zoomtosegment(' + + ')" style="font-size: 11px"><br>' + parseint(parseint(i) + 1) + ". " + feature.attributes.text + " (" + formatdistance(feature.attributes.length, "miles") + ", " + formattime(feature.attributes.time) + ") " + '</a>';     } }  //zoom appropriate segment when user clicks hyperlink in directions list function zoomtosegment(index) { var segment = directionfeatures[index]; map.setextent(segment.geometry.getextent(), true); if (!segmentgraphic) {     segmentgraphic = map.graphics.add(new esri.graphic(segment.geometry, segmentsymbol)); } else {     segmentgraphic.setgeometry(segment.geometry); }

}

it did plot route , show directions. when click on direction , zoom segement, throws me error message uncaught typeerror: cannot call method 'getextent' of undefined.

i wonder why so. in advance.

the root cause of error you're trying extent of .geometry property doesn't exist - part relatively easy. problem, think, you're looking geometry of each segment of journey, , return onemap's routetask doesn't give directly.

the geometry entire route in 

routeresults.results.routes.features[0].geometry.paths[0]

and individual segments in 1 of esri's fun compressed formats in value:

routeresults.results.directions[x].features[y].compressedgeometry

there's documentation , c# code compressed format here:

http://resources.esri.com/help/9.3/arcgisengine/arcobjects/esrinetworkanalyst/inacompactstreetdirection_compressedgeometry.htm

it should relatively easy port c# code js if need geometry of individual segments.

onemap have full working example here shows how process results routetask, unfortunately don't attempt extract compressedgeometry field.

edit: more sample code esri here, examples in c#/java/python.


Comments

Post a Comment

Popular posts from this blog

C# random value from dictionary and tuple -

-
i have following code, , need random item contains string "region_1" dictionary. public static dictionary<int, tuple<string, int, currencytype>> itemarray = new dictionary<int, tuple<string, int, currencytype>>() { { 0xb3e, new tuple<string, int, currencytype>("region_1", 1500, currencytype.fame) } }; public static int generateitemid(string shopid) { var generateditem = itemarray.elementat(new random().next(0, itemarray.count)).key; } how select this? it's not possible efficiently... first create static random @ class level... prevent non-random behaviour if run query on short period of time... (it's seeded discrete clock) static random rnd = new random(); then: var item = itemarray.values .where(t => t.item1 == shopid) .orderby(_ => rnd.next()) .firstordefault()
Read more

.htaccess - htaccess convert request to clean url and add slash at the end of the url -

-
ok , searched more 4 days , more 20 posts here in stach or in websites without kind of success first here htaccess file rewriteengine on rewriterule ^([a-za-z0-9_]+)/?$ index.php?page=$1 [nc] rewriterule ^([a-za-z0-9_]+)\/([a-za-z0-9_]+)\/?$ index.php?page=$1&action=$2 [nc] i tried many codes 1 worked me can call request , works me www.example.com/pagename => www.example.com/index.php?page=pagename here questions , please provide me information "in detail" understand code well 1- how convert request automatically www.example.com/index.php?page=pagename www.example.com/pagename 2- if tried add slash @ end shows me page without images or styling mean www.example.com/pagename => works www.example.com/pagename/ => doesn't work that's :) for first part need 301 rule this: rewritecond %{the_request} /index\.php\?page=([^\s&]+) [nc] rewriterule ^ /%1? [r=301,l] for second part use absolute path in css, js, images files r...
Read more

cgi - How do I interpret URLs without extension as files rather than missing directories in nginx? -

-
so i'm trying install zoneminder , have run under nginx, has few compiled files need run using fast-cgi. these files lack extension. if file has extension, there no issue , nginx interprets file , return 404 if can't find it. if has no extension, assume it's directory , return 404 when can't find sort of index page. here have now: # security camera domain. server { listen 888; server_name mydomain.com; root /srv/http/zm; # enable php support. include php.conf; location / { index index.html index.htm index.php; } # enable cgi support. location ~ ^/cgi-bin/(.+)$ { alias /srv/cgi-bin/zm/; fastcgi_pass unix:/run/fcgiwrap.sock; fastcgi_param script_filename $document_root/$1; include fastcgi.conf; } } the idea is, under cgi-bin directory goes through fastcgi pipe. any idea on howi can fix this? upon closer inspection, realized zoneminder has 2 cgi sc...
Read more