2

プログラミングのこの側面は本当に初めてですが、足を濡らそうとしています。

マップを作成し、問題なく表示され、正しく機能しますが、同じマップを別のページに配置しようとすると、マップが表示されません。マップ用のスペースが作成されますが、表示されません。

2 番目のページにマップをロードできるのは、コード内で元のマップ ページの前にマップを配置した場合のみです。

両方のページに地図を表示するにはどうすればよいですか?

関連するスクリプト:

  var map;
  function initialize() {
  var myOptions = {
      zoom: 17,
      center: new google.maps.LatLng(45.628936,-122.672273),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);


var myMarkers = [
    ['angst', 45.629281,-122.671468, 4],
    ['northbank', 45.62911,-122.671468, 3],
    ['gallery360', 45.628144,-122.67245, 5],
    ['auroa', 45.629118,-122.671763, 5],    

  ];



  for (var i = 0; i < myMarkers.length; i++) {
      var newMarker = myMarkers[i];
      var markerLatLng = new google.maps.LatLng(newMarker[1], newMarker[2]);
      var marker = new google.maps.Marker({
          position: markerLatLng,
          map: map,
          title: newMarker[0],
          zIndex: newMarker[3]
      });

   }




 } //close initialize function



 google.maps.event.addDomListener(window, 'load', initialize);

コードで最初に表示されるため機能するページ:

<div data-role="page" id="map" data-theme="a">

<div data-role="content" id="content" data-theme="a">   
    <div id="map_canvas"> </div>    
</div><!-- /content -->

<div data-role="footer" id="footer">    
    <div id="nav" data-role="navbar" >
        <ul>
            <li><a href="#galleries">Galleries</a></li>
            <li><a href="#shows">Shows</a></li>
            <li><a href="#map">Map</a></li>
        </ul>
    </div>
</div> <!-- end of footer-->

</div> <!-- end of #map page -->

前のページよりも先にコード化されていない限り、ページをロードできません。 

<div data-role="header" id="header" >
    <a href="index.html" data-role="home" data-icon="home"  id="homebutton" >Home</a>  <!--home button on header bar-->
    <h1>Gallery 360</h1>
</div> <!--end of the header div-->

<div data-role="content" id="gallerylist" data-theme="c">   

    <img src="images/360.jpg" class="pagebackground" />
    <div id="map_canvas"> </div>    
</div><!-- /content -->

<div data-role="footer" id="footer">    
    <div id="nav" data-role="navbar" >
        <ul>
            <li><a href="#galleries" >Galleries</a></li>
            <li><a href="#shows" >Shows</a></li>
            <li><a href="#map">Map</a></li>
        </ul>
    </div>
</div> <!-- end of footer-->
</div><!-- /page #g360 -->
4

1 に答える 1

0

私も経験はありませんが、2 ページ目に「data-role='page' id=''」を入れていないことが原因である可能性があります

于 2012-10-15T09:11:19.973 に答える