在我的站点中嵌入一个带有近似值的谷歌地图

Question

这就是我想要完成的（得到一个地图，在我介绍的地址周围有一个圆圈，而不标记确切的地址）

我有以下代码：

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>
<div style='overflow:hidden;width:50%;'>
<div id='gmap_canvas' style='height:440px;width:700px;'></div><div></div>
<style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div>
<script type='text/javascript'>
function init_map(){var myOptions = {zoom:10,center:new google.maps.LatLng(51.5073509,-0.12775829999998223),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(51.5073509,-0.12775829999998223)});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>

这会产生这样的结果：

我的问题是：

我如何在赠品地址周围打个圈？我知道这是产生标记的代码，我想把它去掉，做一个圆圈

marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(51.5073509,-0.12775829999998223)})

非常感谢你

更新

新代码

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'>  
</script><div style='overflow:hidden;width:50%;'>
<div id='gmap_canvas' style='height:440px;width:700px;'></div>
<style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div><script type='text/javascript'>function init_map(){var myOptions = {zoom:13,center:new google.maps.LatLng(51.5073509,-0.12775829999998223),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);myCircle = new google.maps.Circle({strokeColor:'#FF0000',strokeOpacity:0.8,strokeWeight:2,fillColor:'#FF0000',fillOpacity:0.35,map:map,center:new google.maps.LatLng(51.5073509,-0.12775829999998223),radius:100;});google.maps.event.addDomListener(window, 'load', init_map);</script>

我删除了：

marker=new google.maps.marker（{map：map,position：new google.maps.latlng(51.5073509,-0.12775829999998223）}）

并包括：

myCircle=new Google.Maps.Circle（{StrokeColor:'#ff0000',StrokeOpacity:0.8,StrokeWeight:2,FillColor:'#ff0000',FillOpacity:0.35,Map：Map,Center：new Google.Maps.LatLNG(51.5073509,-0.12775829999998223,-0.12775829999998223,Radius：100；}）

Answer 1

你可以用圆圈代替记号

 var myCircle = new google.maps.Circle({
  strokeColor: '#FF0000',
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: '#FF0000',
  fillOpacity: 0.35,
  map: map,
  center: new google.maps.LatLng(51.5073509,-0.12775829999998223),
  radius: 100
});