openlayers 3 - Coordinate length to pixel length mapping in ImageCanvas -


i want draw circles in image canvas. i'm able pixel values coordinate values calling map.coordinatetopixel.

for radius, how can map coordinate distance pixel length?

for instance, if radius 60 arc minutes, goes 50 degrees 51 degrees. in vector layer, underlying framework manages translation pixels depending on zoom level. however, imagecanvas, need specify myself. there method that? know might have dig code, wondering if there's inherent solution knows of.

an alternate option i've considered is:

  1. get coordinate @ pixel (0,0)

  2. get coordinate @ (radiuslogitude, 0)

  3. find diff between #2 - #1 on longitude , use radius

maybe example can you: http://acanimal.github.io/thebookofopenlayers3/chapter03_04_imagecanvas.html draw set of random pie charts (but without taking account pixel ratio).

note, canvasfunction use receives 5 parameters can determine pixel size: function(extent, resolution, pixelratio, size, projection)


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more