teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

修正とコード追記

2016/04/19 16:12

投稿

manabufukai
manabufukai

スコア700

answer CHANGED
@@ -2,4 +2,24 @@
2
2
  [Google Maps JavaScript API](https://developers.google.com/maps/documentation/javascript/examples/circle-simple)
3
3
 
4
4
  このドキュメントを読めば、やりたいことを実現できるはずです。
5
+
6
+ ※修正ついでに参考コードを追記しておきます。
7
+ ```ここに言語を入力
8
+ function initMap() {
9
+ var map = new google.maps.Map( document.getElementById('map'), {
10
+ center: {lat: 35.681382, lng: 139.766084},
11
+ zoom: 8
12
+ });
13
+ var circle = new google.maps.Circle({
14
+ center: new google.maps.LatLng( 35.681382 , 139.766084 ),//Circleのcenterをmapのcenterと合わせています。中心の緯度は任意で入れ替えてください
15
+ radius: 2000,
16
+ map: map
17
+ //その他のオプションで色等も変えられます(ドキュメント参照)
18
+ });
19
+ }
20
+ ```
21
+ ※本当はMapのオプションや座標等は変数に格納して使いまわしたほうが良いかなと思います。
22
+
5
- 2kmなら`radius`(半径)に1000を入れればOKかと。
23
+ 2kmなら`radius`(半径)に1000を入れればOKかと。
24
+
25
+ 正しくは半径2kmなので、2000ですね。。(ご指摘ありがとうございます、kei344さん)