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.

my requirement show circle around marker fine tuned circle border.

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
Post a Comment