google maps v3 fill in circle completely -


i created map allows users draw circle around point specified radius. reason circle not filled in , noticeable when map more zoomed in. perhaps has solution fill circle when viewed @ at higher zoom level

see code below

<!doctype html>  <html>  <head>  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />   <style type="text/css">       html { height: 100% }        body { height: 100%; margin: 0px; padding: 0px }       #map_canvas { height: 100% }   </style>  <script type="text/javascript"     src="http://maps.google.com/maps/api/js?sensor=false">   </script>    </script> <script type= "text/javascript">     var geocoder;        var map;       var count=0;     //store points in array      var points = [];    function initialize() {         geocoder = new google.maps.geocoder();          var latlng = new google.maps.latlng(-34.397, 150.644);         var myoptions = {            zoom: 3,           center: latlng,            maptypeid: google.maps.maptypeid.roadmap        }      map = new google.maps.map(document.getelementbyid("map_canvas"),myoptions);   }     function codeaddress() {     var address = document.getelementbyid("address").value; geocoder.geocode( { 'address': address}, function(results, status) {            if (status == google.maps.geocoderstatus.ok) {              map.setcenter(results[0].geometry.location);             var marker = new google.maps.marker({                   map: map,                      position: results[0].geometry.location         });       }      else {             alert("geocode not successful following reason: " + status);            }          });        } function pluscount(){ if (count==2){ count=0; } else{ count=count +1; } }     function drawcircle() { var address=document.getelementbyid("address").value; var radius=document.getelementbyid("radius").value; var latitude=40; var longitude=0; geocoder.geocode( { 'address': address}, function(results, status){ if (status==google.maps.geocoderstatus.ok){ latlng=(results[0].geometry.location); latitude=latlng.lat(); longitude=latlng.lng(); alert(latitude); alert(longitude); alert (radius); }     else{     alert("geocode not successful following reason: " + status); } });      //degrees radians    var d2r = math.pi / 180;   alert("calc d2r " + d2r);  //  radians degrees  var r2d = 180 / math.pi;  alert("calc r2d " + r2d); // earth radius 3,963 miles  var clat = (radius / 3963) * r2d; alert("calc clat " + clat);  var clng = clat / math.cos(latitude * d2r);    alert("calc clng " + clng);       // calculate points   // work around 360 points on circle  (var i=0; < 360; i++) {     var theta = math.pi * (i/16);     // calculate next x point     circley = longitude + (clng * math.cos(theta));                 // calculate next y point     circlex = latitude + (clat * math.sin(theta));     // add point array      points.push(new google.maps.latlng(circlex, circley));    };       alert("completed loop");      var colors=["#cd0000","#2e6444","#003f87" ];      var polyline_path = new google.maps.polyline({     path: points,    strokecolor: colors[count],     // color of outline of polyline     strokeopacity: 1,     // between 0.0 , 1.0    strokeweight: 1,    // stroke width in pixels    fillcolor: colors[count],     fillopacity: .5    });     polyline_path.setmap(map);    }  function clearmap(){ if(points){ for( in points){ points[i].setmap(null); } points.length=0;     }}   </script> </head>     <body onload="initialize()">         <div id="map_canvas" style="width:500px; height:460px;        -moz-outline-radius:20px; -moz-box-sizing:padding-box; -moz-outline-      style:solid ;-moz-outline-color:#9fb6cd;      -   moz-outline-width:10px;"></div>           <div>              zip code: <input id="address" type="textbox" value="">             radius:<input id="radius" type="textbox" value="">         <input type="button" value="find" onclick="codeaddress() ">            <input type="button" value="draw radius" onclick= "drawcircle() ; pluscount()">         <input type="button" value="reset" onclick= "clearmap()">     </div>  </body>

it looks drawing circle manually, use google.maps.circle works me , fills circle entirely. here snippet use in application, works in maximum zoom level:

var circ = new google.maps.circle({     'center':lc,     'clickable':false,     'fillcolor':"#00ffff",     'fillopacity':0.2,      'map':currentmap,     'radius':75,      'strokecolor':'#0000a0',     'strokeopacity':'0.5' });

lc center point, currentmap map div


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more