0

私は3つのページを持っています。1つはphpページからのデータを表示するhtmlで、データを処理してデータベースからデータを取得するphpページ、最後のページはjsページです。

私の問題は、PHP ページに Google マップ コードがあり、それを HTML ページに印刷したくないことです。

今はjqueryで送信してhtmlページで開いていますが、うまくいきません??? どうして。

コードをphpページからコピーしてhtmlページに貼り付けると、Googleマップが開きます...では、どこに問題がありますか?

<style>
      #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style><script src='https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script>
    <script>
function initialize() {
  var myLatlng = new google.maps.LatLng(24.701564296830245,46.76211117183027);
  var mapOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Hello World!'
  });
}

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

    </script>
<div id='map-canvas'></div>
4

1 に答える 1

0

これは、「上記のコードを jquery で php ページから html ページにマップする方法」の例です。

PHP (map.php):

<?php
echo "
<div id='map-canvas' style='height: 100%; margin: 0px; padding: 0px'></div>
<script src='https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script>
<script>
function initialize() {
  var myLatlng = new google.maps.LatLng(24.701564296830245,46.76211117183027);
  var mapOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Hello World!'
  });
}

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

</script>";
?>

ブラウザが非同期的に解析<style>する方法がわからなかったため、投稿後に上記のコードを簡単に変更しました。また、スクリプトが実行される前に HTML が存在するように、上記を の前に<body>移動しました。div#map-canvas<script>

HTML ページ:

<head>
<script>
$.ajax({
  url: "map.php",
})
.done(function( msg ) {
  $('#where_map_is_going').html(msg);
});
</script>
</head>
<body>
<div id="where_map_is_going"></div>
于 2013-10-31T22:38:31.153 に答える