0

私はjavascriptとjqueryに取り組んでいます。2 つのページを作成しました。1 つは現在地の地図ビューを生成し、現在地をクリックすると次のページに移動し、ユーザーの緯度と経度を見つけて天気予報を生成します。両方のページは別々に正常に動作しますが、統合するとマップ ビューが生成されますが、天気リンクをクリックするとページが読み込まれません。提案や助けをいただければ幸いです。http://jsfiddle.net/mJgdz/天気ページのコードをいじって、ジオロケーション コードを以下に貼り付けました。

私のHTML地理位置情報コード:

    <!DOCTYPE html>
     <html>
      <head>
       <title>Getting Geolocation for Weather Details</title>
   <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <style type="text/css">
  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
  #map_canvas {
    height: 100%;
  }

  @media print {
    html, body {
      height: auto;
    }

    #map_canvas {
      height: 650px;
    }
  }
    </style>
   <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
   <script type="text/javascript">
  var map;

    function initialize() {
    var myOptions = {
      zoom: 16,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
     map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);

      // Try HTML5 geolocation
      if(navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(position) {
        var pos = new google.maps.LatLng(position.coords.latitude,
                                         position.coords.longitude);

         var infowindow = new google.maps.InfoWindow({
          map: map,
          position: pos,
          content: '<a href="weatherdetails.html">click here for weather details</a>'
          });

          map.setCenter(pos);
          }, function() {
        handleNoGeolocation(true);
         });
        } else {
      // Browser doesn't support Geolocation
        handleNoGeolocation(false);
       }
      }

      function handleNoGeolocation(errorFlag) {
         if (errorFlag) {
      var content = 'Error: The Geolocation service failed.';
      } else {
        var content = 'Error: Your browser doesn\'t support geolocation.';
    }

    var options = {
      map: map,
      position: new google.maps.LatLng(60, 105),
      content: content
       };

       var infowindow = new google.maps.InfoWindow(options);
       map.setCenter(options.position);
     }

     google.maps.event.addDomListener(window, 'load', initialize);
      </script>
   </head>
   <body>
  <div id="map_canvas"></div>
   </body>
  </html>
4

0 に答える 0