google maps api 3 - Extend polyline and handle mouse event -


i write js app draw lot of polylines using array of points, in avery point have additional properties in point (gps data, speed etc).

i want show these additional props onmouseover or onmouseclick event.

i have 2 ways:

  1. use standard polylines , event handler. in case can't determine additional properties start point of polyline cause can't save these props in polyline properties. there 1 solution - save in array additional properties , try find them latlng of first point of polyline, it's slow guess..

  2. extend polyline , save additional properties in new object, can't extend mouse events :(

to extend polyline use code:

function mypolyline(prop, opts){     this.prop = prop;     this.polyline = new google.maps.polyline(opts); }  mypolyline.prototype.setmap = function(map) {     return this.polyline.setmap(map); }  mypolyline.prototype.getpath = function() {     return this.polyline.getpath(); }  mypolyline.prototype.addlistener= function(prop) {     return this.polyline.addlistener(); }   mypolyline.prototype.getprop= function() {     return this.prop; }  mypolyline.prototype.setprop= function(prop) {     return this.prop = prop; }

and create new object in loop (i - index of current point in array of points) that:

var polyline_opts   = {     path: line_points,     strokecolor: color,     geodesic: true,     strokeopacity: 0.5,     strokeweight: 4,     icons: [         {         icon:   linesymbol,         offset: '25px',         repeat: '50px'         }     ],                   map: map };  var add_prop    = {     id:  i,     device_id: device_id };  ...   devices_properties[device_id].tracks[(i-1)] = new mypolyline(add_prop, polyline_opts);

where:

  • line_points - array of points (just 2 points),
  • i - current point index
  • devices_properties[device_id].tracks - array of extended polylines (with add properties) device_id index

after set event handler that:

var tmp = devices_properties[device_id].tracks[(i-1)]; google.maps.event.addlistener(tmp.polyline, 'click', function(e) { ... console.log(tmp.prop.id); ... }

but in case same id in console..

when use 

google.maps.event.addlistener(devices_properties[device_id].tracks[(i-1)].polyline, 'click', function(e) { ... console.log(???); // how parent of polyline fired event? ... }

i don't know how parent of polyline fired event?

i answer own question - it's done, i've have troubles using "for" instead "$.each" :)

before use:

for ( = 1; < devices_properties[device_id].history_points.length; i++ ) {     ...     create mypolyline     ... }

and it's doesn't work - created 1 event handle.

after:

$.each(devices_properties[device_id].history_points, function(i, tmp){     ...     create mypolyline ()     ... }

and works - create lot of event handlers.

to handle event use this:

google.maps.event.addlistener(c_polyline.polyline, 'mouseover', function(e) {     var prop = c_polyline.getprop();     ...     console.log(prop.id, prop.device_id); }

Comments

Post a Comment

Popular posts from this blog

c++ - End of file on pipe magic during open -

i have c++ application in starting process(wireshark) following. if (fp == null){ fp = popen(processpath, "r"); //processpath process want start if (!fp){ throw std::invalid_argument("cannot start process"); } fprintf(fp, d_msg);//d_msg input want provide process } else if(fp != null){ fprintf(fp, d_msg); } the problem when execute c++ application, start wireshark error end of file on pipe magic during open what should avoid that? also tried using mkfifo create named pipe , execute it. used this: if (fp == null){ system("mkfifo /tmp/mine.pcap"); fp = popen("wireshark -k -i /tmp/mine.pcap", "r"); if (!fp){ dout << "cannot start wireshark"<<std::endl; throw std::invalid_argument("cannot start wireshark"); } input = fopen("/tmp/mine.pcap", "wb"); fprintf(input , d_msg); fclose(input)...
Read more

basic authentication with http post params android -

i doing basic authentication passing username , password , using basicnamevaluepair sending post params response service. my method: public stringbuilder callservicehttppost(string username, string password, string type) { // create new httpclient , post header httpclient httpclient = new defaulthttpclient(); httppost httppost = new httppost(webservice + type); httpresponse response = null; stringbuilder total = new stringbuilder(); try { url url = new url(webservice + type); /*string base64encodedcredentials = base64.encodetostring((username + ":" + password).getbytes(), base64.url_safe | base64.no_wrap);*/ string base64encodedcredentials = "basic " + base64.encodetostring( (username + ":" + password).getbytes(), base64.no_wrap); httppost.setheader("auth...
Read more

data.table making a copy of table in R -

i doing this: myfun <- function(inputvar_vec){ # inputvar_vec input vector # # result = output vector return(result) } dt[, result := lapply(.sd, myfun), = byvar, .sdcols = inputvar] i getting following warning: warning message: `in `[.data.table`(df1, , `:=`(prop, lapply(.sd, propeventinlastk)), : invalid .internal.selfref detected , fixed taking copy of whole table, := can add new column reference. @ earlier point, data.table has been copied r (or been created manually using structure() or similar). (and more stuff) .... ` my guess because stacking result vectors (after operation), copy being made? can suggest method remove warning? have done using apply functions , thought should extendable here too. my other question is: can pass chunk of rows data frame (subsetted using statement), , call function myfun operate on that? adding example requested # generate data n = 10000 default=na value = 1 df = data.table(id = sample(1:5000, n, replace=true), ...
Read more