###実現したいこと
水戸クリック→仙台クリックでも、プロットが消えるようにしたい。

###発生している問題
仙台クリック(仙台プロット)→水戸クリック(仙台プロット消して水戸プロット)
水戸クリック(水戸プロット)→仙台クリック【＊水戸プロット消えず仙台プロット＊】

###該当のソースコード

html
1<!DOCTYPE html>
2<head>
3<title>ぐーぐるまっぷ</title>
4<meta charset="utf-8">
5</head>
6  <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=＊APIキー＊&sensor=false">
7  </script>
8  <div id="map" style="width:600px;height:460px;"></div>

javascript
1<script type="text/javascript">
2  var lat=37.0507931;
3  var lng=140.8872986;
4
5  var myMap=new google.maps.Map(document.getElementById("map"),{
6    zoom: 7,
7    center: new google.maps.LatLng(lat,lng),
8    scaleControl: true,
9    mapType: google.maps.MapTypeId.ROADMAP
10  });
11
12  var before = null;
13  function test(e, suffix) {
14    var tgt = e.srcElement ? e.srcElement: e.target;
15    if (before == tgt && tgt.checkd == true) {
16      tgt.checked = true;
17    }else{
18      var chks = document.getElementsByName('radiolike' + suffix);
19      for (var i = 0; i < chks.length; i++) {
20        if (chks[i] != tgt) chks[i].checked = false;
21      }
22    }
23    before = tgt;
24  }
25
26  function sendai(){
27    check1=document.form1.a1.checked;
28    if(check1==true){
29      var latlng=new google.maps.LatLng(38.267230, 140.822840);
30      marker1=new google.maps.Marker({
31        position: latlng,
32        map: myMap
33      });
34    }else{
35      marker1.setMap(null);
36    }
37  }
38
39  function mito(){
40    check2=document.form1.a2.checked;
41    if(check2==true){
42      marker1.setMap(null);
43      var latlng=new google.maps.LatLng(36.3665632,140.4711914);
44      marker2=new google.maps.Marker({
45        position: latlng,
46        map: myMap
47      });
48    }else{
49      marker2.setMap(null);
50    }
51  }
52</script>

html
1<body>
2<form id="SAMPLE1" onclick="test(event, '1');" name="form1">
3<input name="radiolike1" id="a1" type="checkbox" onclick="sendai()">仙台<br>
4<input name="radiolike1" id="a2" type="checkbox" onclick="mito()">水戸<br>
5</form>
6</body>
7</html>

###試したこと
function sendai();の中に,marker2.setMap(null);を入れるが失敗。

###補足情報(言語/FW/ツール等のバージョンなど)
javascript,Google Chrome

kei344

2017/11/16 12:37

「プロット」とはなんでしょう。

行動規範の内容に同意します

回答1件

ベストアンサー

ようこそ水戸へ！！

マーカー定義を関数の外に出してしまえばいいかもしれませんね。

javascript
1  var latlng=new google.maps.LatLng(38.267230, 140.822840);
2  var marker1=new google.maps.Marker({
3    position: latlng,
4  });
5  
6  var latlng=new google.maps.LatLng(36.3665632,140.4711914);
7  var marker2=new google.maps.Marker({
8    position: latlng,
9  });
10  
11  function sendai(){
12    check1=document.form1.a1.checked;
13    if(check1==true){
14      marker2.setMap(null);
15      marker1.setMap(myMap);
16    }else{
17      marker1.setMap(null);
18    }
19  }
20
21  function mito(){
22    check2=document.form1.a2.checked;
23    if(check2==true){
24      marker1.setMap(null);
25      marker2.setMap(myMap);
26    }else{
27      marker2.setMap(null);
28    }
29  }