SO 21465905

Googlemaps circle not appearing

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map"></div>

CSS

#map {
    height: 600px;
    width: 600px;
    background-color: gray;
}

JavaScript

function init() {
  var mymap = new google.maps.Map(document.getElementById('map'), {
    zoom: 7,
    center: new google.maps.LatLng(53.020711, 8.763473), 
    mapTypeId: google.maps.MapTypeId.TERRAIN
  });
  
  google.maps.visualRefresh = true;

  var circle = new google.maps.Circle({
      strokeColor: '#FF0000',
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: '#FF0000',
      fillOpacity: 0.27,
      map: mymap,
      center: new google.maps.LatLng(53.020711, 8.763473),
      radius: 25000
  });
  
  var line1 = new google.maps.Polyline({
    path: [{lat: 53.020711, lng: 8.763473}, {lat: 52.7, lng: 8.763473}],
    icons: [{
      icon: {path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW},
      offset: '100%'
    }],
    map: mymap
  });
	
  var line2 = new google.maps.Polyline({
    path: [{lat: 53.020711, lng: 8.763473}, {lat: 53,341422, lng: 8.763473}],
    icons: [{
      icon: {path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW},
      offset: '100%'
    }],
    map: mymap
  });

}

google.maps.event.addDomListener(window, 'load', init);