-1

ウェブページに Google マップを表示したいのですが、ウェブページに表示されません。エラーを修正できません。さまざまな方法を試しましたが、マップ エリアが空白のように見えます。エラーの修正を手伝ってください。 ...私の英語でごめんなさい

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyA39kFEuPToMAHcpdQzzpZFmpyENv9MT_A&sensor=false"></script>
    <script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

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

    </script>
<form action="<?php echo $_SERVER["PHP_SELF"];?>" method="post" onSubmit="return check_add_form();">
<table width="100%" border="0" class="details">
  <tr>
    <th colspan="2" align="left" nowrap="nowrap" class="top-heading">Map Location</th>
    </tr>
  <tr>
    <th width="22%" align="left" valign="top" nowrap="nowrap" class="heading">Address: </th>
    <td width="78%" align="left" valign="top"> <input type="text" id="Location_Address" name="Location_Address" value="<?php echo stripslashes($Location_Address);?>"/>
      <span class="red">*</span></td>
  </tr>
  <tr>
    <td colspan="2" align="left" valign="top" nowrap="nowrap">
    <input type="hidden" id="Latitude" name="Latitude" value="<?php echo stripslashes($Latitude);?>"/>
    <input type="hidden" id="Longitude" name="Longitude" value="<?php echo stripslashes($Longitude);?>"/>
    <div id="map-canvas"></div>
    </td>
    </tr>
  <tr>
    <th  nowrap="nowrap"></th><td align="left" valign="top"><span id="message" class="red"><?php echo $message;?></span><br />
      <input type="submit" name="submit" value="Save"/></td>
  </tr>
</table>
<div id="googleMap" style="width:500px;height:380px;"></div>
</form>
`

前もって感謝します....

4

1 に答える 1

2

ドキュメントのヘッドで次のコードを使用します

    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyA39kFEuPToMAHcpdQzzpZFmpyENv9MT_A&sensor=false"></script>
        <script>
    var map;
    function initialize() {
      var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById('map-canvas'),
          mapOptions);
    }

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

</script>

と使用

<div id="googleMap" style="width:500px;height:380px;"></div>

ドキュメントの任意の場所

于 2013-06-24T13:47:18.230 に答える