google mapのマーカー表示について

Question

google mapのマーカー表示が表示されません。

googlemapを2か所設置し、マーカーを表示したいのですが表示できず、
完成はマーカーを表示し、又、マーカーを画像にしたいです。

<div id="map1" style="width:1080px; height:500px"></div>
 <div id="map2" style="width:1080px; height:500px"></div>


 <script type="text/javascript">
    function initMap() {
      var opts = {
        zoom: 15,
        center: new google.maps.LatLng(経度１, 緯度１)
      };

      var opts2 = {
        zoom: 15,
        center: new google.maps.LatLng(経度2, 緯度2)
      };
      var map = new google.maps.Map(document.getElementById("map1"), opts);
      var map2 = new google.maps.Map(document.getElementById("map2"), opts2);
    };

// Marker
var marker = new google.maps.Marker( {
  map: map1 ,
  icon: "accesspoint.png",
  position: new google.maps.LatLng( 経度１, 緯度１) ,
} ) ;

var marker = new google.maps.Marker( {
  map: map2 ,
  icon: "accesspoint.png",
  position: new google.maps.LatLng( 経度2, 緯度2) ,
} ) ;
    </script>

<script src="https://maps.googleapis.com/maps/api/js?key=APIキー"></script>
<script>initMap();</script>

よろしくお願いいたします。

Answer 1

function initMap() {

の閉じ位置が違うので、マーカーを書き出すスクリプトが動いてません。

    };

// Marker

の「//Marker」の上の「};」が

var marker = new google.maps.Marker( {
  map: map2 ,
  icon: "accesspoint.png",
  position: new google.maps.LatLng( 経度2, 緯度2) ,
} ) ;

の下にないと、そのmarkerのスクリプトが動かないです。

あと、

var marker = new google.maps.Marker( {
  map: map1 ,
  icon: "accesspoint.png",
  position: new google.maps.LatLng( 経度１, 緯度１) ,
} ) ;

の「map: map1」の部分も。

上の方で、

var map = new google.maps.Map(document.getElementById("map1"), opts);

と記載しているのだから修正の必要があります。

Comments

[sarisari]

回答ありがとうございます。
ご回答いただきました通り「　};　」は// Markerの閉じタグの下に変更しました。
又、map: map1について　map: map　に変更致しましたが表示はされていません、、

[terastella]

map2は表示されているということですか？

[terastella]

気になったのは、markerの「icon:"accesspoint.png"」の部分です。
そのmarkerのファイルのパスは正しいですか？一度フルパスを入れて試されてはいかがでしょうか？

[sarisari]

フルパスで表示できました！！
ありがとうございました！