javascript - How to add Overlaying rectangular SVG blinking border to a particular marker(center) on Google Maps -

-

i have different names , latitude , logitude , want highlight particular marker blinking rectangular border, can add svg code particular marker. don't know svg code can 1 suggest how add.

how add overlaying svg blinking rectangular border blinking particular marker,

<html> <head>   <script src="http://maps.google.com/maps/api/js?sensor=false"  type="text/javascript"></script> </head>    <body>   <div id="map" style="width: 1330px; height: 850px;"></div>    <script type="text/javascript">     var locations = [                             sthowbga01_atif_rnid_l015,24.31026,93.56268,                             swkhmrid01_bilf_rnid_l039,25.65182,91.62737,                             smokzunb01_gtlf_rnid_l006,26.019,94.53,                             sdimsgrn01_atcf_rnid_l023,25.8271,93.6853,                             skohkrma01_bilf_rnid_l010,25.5815,94.21959,                             smokangb01_bilf_rnid_l001,26.214,94.6876,                             sdimdim087_atif_ttid_l026,25.8939,93.7602,                             swkhlynki1_gtlf_rnid_l061,25.5041,91.6109,                             simwimp109_atcf_ttod_l047,24.83982,93.97707,                             sdimzluki2_atcf_rnid_l017,25.63998,93.66512,                             gwtrtlmur5_bilf_rnod_l039,23.841,91.6202,                             gwtrklbri1_bilf_rnod_l017,23.50866,91.26185,                             gwtrbxngr1_bilf_rnod_l033,23.61268,91.17243,                             gwtragr101_bilf_ttod_l055,23.8655,91.25584,                             gwtrbis007_bilf_rnod_l022,23.6785,91.2963                     ];          var map = new google.maps.map(document.getelementbyid('map'), {           zoom: 17,           center: new google.maps.latlng(24.31026,93.56268),            maptypeid: google.maps.maptypeid.roadmap         });            var infowindow = new google.maps.infowindow();          var marker, i;          (i = 0; < locations.length; i++) {             marker = new google.maps.marker({             position: new google.maps.latlng(locations[i][1], locations[i][2]),             map: map           });              google.maps.event.addlistener(marker, 'mouseover', (function(marker, i) {             return function() {               infowindow.setcontent(locations[i][0]);               infowindow.open(map, marker);             }           })(marker, i));     }     google.maps.event.adddomlistener(window, 'load', latlng);   </script>     <div id="map-canvas"></div> </body> </html>

please suggest, thanks.

you need create svg symbol desire first , associate them markers. although think have make custom icon , embed in marker class because if want customize marker icons can customize them whole , not put border on it. here's svg docs create custom marker icon. and, here's sample code google embed them in marker class.

hope helped.


Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

-
any ideas when firefox implement lengthadjust andtextlength?..... working svg application. lengthadjust , textlength working fine in chrome not working in fire fox . <svg viewbox = "0 0 500 300" version = "1.1"> <defs> <path id="s3" d="m 10,90 q 100,15 200,70" /> </defs> <g> <text font-size = "20"> <textpath xlink:href="#s3" textlength="205"> short text</textpath> </text> <use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/> </g> </svg> this implemented in firefox text elements (not textpath or tspan) in case that's ok though can move attribute text element. <svg viewbox = "0 0 500 300" version = "1.1"> <defs> ...
Read more