Home/ Questions/Q 7029357
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T00:31:43+00:00

Could someone please describes me, where is problem and how the code could be

  • 0

Could someone please describes me, where is problem and how the code could be fixed?

This is not working :

function initialize() {
    var b = new google.maps.LatLng(49.190033, 16.6150523); var Copt = {center:b, map: map, radius: 1000};
    var mapOptions = { zoom: 13, center: b, mapTypeId: google.maps.MapTypeId.ROADMAP }              
    var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
    cir();
    //var C = new google.maps.Circle(Copt);C.setMap(map);
} 

function cir(){    
    var C = new google.maps.Circle(Copt); C.setMap(map);
}

But when I put the content of the function cir() inside initialize, its working:
here

function initialize() {
    var b = new google.maps.LatLng(49.190033, 16.6150523); 
    var Copt = {center:b, map: map, radius: 1000};
    var mapOptions = { zoom: 13, center: b, mapTypeId: google.maps.MapTypeId.ROADMAP }              
    var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
    //cir();
    var C = new google.maps.Circle(Copt);C.setMap(map);
}

I think, it has something to do with the part <body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div> but realy dont understand what to do , how to put a function outside of initialize and how is this working.

Could you please create a short example of function for creating circle and call it from initialize ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think the problem you’re having is, your C function doesn’t have the map variable in scope. Try this:

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body onload="initMap();">
    <div id="map_canvas"></div>
    <script>
        function initMap() {
            var options = {
                // your options here
            };
            var map = new google.maps.Map(document.getElementById('map_canvas'), options);
            drawCircle(map);
        };

        function drawCircle(map) {
            // draw circle logic in here; use map as you would normally
        };
    </script>
  </body>
</html>

    Passing the map parameter to your drawCircle() function means it can then use it. I’m not familiar with the Circle object, but you should be able to implement your code from here.

    • 0