google map APIを利用して、”出店可”重なった時に”出店不可”を返したい
google map APIを利用して、地図上の2点の半径を表示させ、円同士が重ならなかった時に、”出店可”重なった時に”出店不可”を返したいです。
現状、googleマップで、緯度経度を指定した箇所にピンを置き、半径◯mの円を引く機能まで実現する所までが出来たのですが、
1.2点目以降の地図のピンと半径を置く
2.2つの点の半径同士が重なった時に「出店可」「出店不可」の結果を返す処理
の2つが出来ておりません。
お知恵をお貸し頂けますと幸いです。
何卒よろしくお願いします。
</p>
<div id="map"></div>
<!-- Map -->
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- <div id="map"></div>-->
<script type="text/javascript">
var map;
console.log(document.getElementById('map'));
function initMap() {
var latlng = new google.maps.LatLng(35.681382, 139.766084);
var marker = new google.maps.Marker({
position: latlng,
map: map
});
var marker2 = new google.maps.Marker({
position: {lat: 35.681382, lng: 139.766084},
map: map,
title: 'Hello World!'
});
// map = new Map( elem, obj );
map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scaleControl: true,
scrollwheel: true
});
new google.maps.Circle({
center: latlng,
fillColor: '#ff0000',
fillOpacity: 0.5,
map: map,
radius: 2000,
strokeColor: '#ff0000',
strokeOpacity: 1,
strokeWeight: 1
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB5o9PRJhKBWmTMFb_Ep62sfDWrMPbdGu8&callback=initMap">
</script>
```