Mini Map in InfowWindow for direction route -


i working in google map v3(actually migrating v2 v3), , trying customize infowindow of direction service. able display direction using origin, destination , waypoints. map displayed route correctly marker (green marker a, b, c... text). default, on click of teh marker infowindow display address of marker. want customize it, on click of marker should disply mini map of location in infowindow more zoom. able progress, problem here is, - marker changed red pointing marker instead of green marker (with a, b, c...text) - whichever marker click, infowindow open on last marker - once marker clicked display minimap, on close , again click of marker display address (default behaviour) - code overwriting green marker red pointed marker

can soboby me how fix these issue below code:

       function createdirection (arrwaypoints) {             if (!this.directions) {                 this.directions = new google.maps.directionsservice();                  var origin = arrwaypoints[0];                 var destination = arrwaypoints[arrwaypoints.length - 1];                  var tripwaypoints = [];                  (var = 1; < arrwaypoints.length - 1; i++) {                     tripwaypoints.push({                         location: new google.maps.latlng(arrwaypoints[i].hb,     arrwaypoints[i].ib),                         stopover: true                     });                 }                  var mymap = mymap.getmap();                 var steps = [];                  this.directions.route({                     origin: origin,                     destination: destination,                     waypoints: tripwaypoints,                     travelmode: google.maps.directionstravelmode.driving,                     unitsystem: google.maps.directionsunitsystem.metric                 }, function(result, status) {                     if (status == google.maps.directionsstatus.ok) {                         directionsdisplay = new google.maps.directionsrenderer();  // directiondiv div element in page                             directionsdisplay.setpanel(document.getelementbyid("directiondiv"));                         directionsdisplay.setmap(mymap);                         directionsdisplay.setdirections(result);                     }                 });             }         }          function createminimapinfowindow (waypointsarray) {             (var = 0; < waypointsarray.length; i++) {                 var mymap = mymap.getmap();                 var marker = new google.maps.marker({                     position: waypointsarray[i],                     map: mymap                 });                  google.maps.event.addlistener(marker, 'click', function() {                  var myoptionsmini = {                     zoom: 14,                     center: waypointsarray[i],                     maptypeid: google.maps.maptypeid.roadmap                 }                 var infowindow = new google.maps.infowindow();                     var minimap = new google.maps.map(document.getelementbyid    ("minimap"), myoptionsmini);                      document.getelementbyid("minimap").style.display = 'block';                     minimap.setcenter(marker.getposition());                     var minimapdiv = document.getelementbyid("minimap");                     infowindow.setcontent(minimapdiv);                     infowindow.open(mymap, marker);                 });             }         }

i need solution for: - how customized infowindow (with minimap) markers - how put green markers text a, b, c... enter image description here attached image getting above code hope question clear. please let me know if have inputs.

thanks, sharath

pass following object argument directionsrenderer:

{markeroptions:{clickable:false,zindex:1000}}

it have 2 effects:

  1. the custom markers placed behind a,b,c-markers created directionsrenderer(currently still present, behind custom markers)

  2. the markers created directionsrenderer not clickable, underlying custom markers able receive click.

another option(i prefer it): set suppressmarkers-option of directionsrenderer true , use a,b,c-markers custom markers(e.g. https://maps.gstatic.com/mapfiles/markers2/marker_greena.png , https://maps.gstatic.com/mapfiles/markers2/marker_greenb.png )

related infowindow: need 1 infowindow 1 map markers. observe click-event of markers , when occurs open infowindow , center map inside infowindow @ markers position(may retrieved inside click-callback via this.getposition())

note: instead of using predefined waypoints better parse route returned directionsservice place custom markers @ exact positions(these may differ predefined waypoints)


Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

c++ - qgraphicsview horizontal scrolling always has a vertical delta -

Image
i've subclassed qgraphicsview custom canvas used in cad application. i've reimplemented qgraphicsview::wheelevent check keyboard modifiers control key and, if control key pressed, zoom. i'm trying implement horizontal scroll when user holds shift , uses wheel. the problem i'm having horizontal scrolling always scrolls 0.279. not huge problem, hugely annoying , points else being wrong. so, here questions: is right way implement horizontal scrolling? if not, is? how eliminate delta of 0.279? thanks in advance. code , sample output below void myview::zoom(int delta) { double factor = pow(1.2, delta/abs(delta)); this->scale(factor, factor); } void myview::scrollhorizontal(int level) { qpointf center = maptoscene(viewport()->rect().center()); qdebug() << "center: " << center.x() << ", " << center.y(); centeron(qpointf(center.x() - level, center.y())); } void myview::wheelevent(qwheeleve...
Read more