Google Map circles are seems like hand drawn image -


google maps circle looks hand drawn.

circle script is:

var circle = new google.maps.circle({      center: mylatlng,     radius:1000,     strokecolor: "#000000",     strokeopacity:1,     fillopacity:0.4,     strokeweight: 2,     fillcolor: "#000000",     map:map }); 

can make circle more fine tuned.

enter image description here

my requirement show circle around marker fine tuned circle border.

enter image description here

you try using symbol. don't believe there's option change circles using "hand-drawn" style. it's odd because rectangles don't seem using look.

here example : https://developers.google.com/maps/documentation/javascript/examples/marker-symbol-predefined

function initialize() {       var mapoptions = {         zoom: 4,         center: new google.maps.latlng(-25.363882, 131.044922)       };        var map = new google.maps.map(document.getelementbyid('map-canvas'),           mapoptions);        var mycircle = {         path: google.maps.symbolpath.circle,         fillcolor: 'red',         fillopacity: 0.8,         scale: 20,         strokecolor: 'black',         strokeweight: 3       };        var marker = new google.maps.marker({         position: map.getcenter(),         icon: mycircle,         map: map       });     } 

here example of circle around marker :

    function initialize() {      var mylatlng = new google.maps.latlng(16.5083,80.64);var mapoptions = {zoom: 12,center: mylatlng};     var map = new google.maps.map(document.getelementbyid('map-canvas'),mapoptions);     var marker = new google.maps.marker({map: map,position: mylatlng});      var circle = new google.maps.circle({       map: map,       radius: 2000,       fillcolor: '#000000',       fillopacity: 0.4,       strokecolor: '#000000',       strokeweight: 2     });      circle.bindto('center', marker, 'position');     }      google.maps.event.adddomlistener(window, 'load', initialize); 

Comments