0

http://www.pedregoza.org/birds/contact.htmlのサブドメインの連絡先ページに地図を掲載したいと考えています。Google マップのさまざまな例のコードを忠実にコピーし、.css でスタイル シートを作成しました。.pedregoza.org/birds/ などの紹介ドメインを指定しましたが、すべて役に立ちませんでした。私は html で機能しており、必要に応じて Java スクリプトを編集できますが、インターネットには私と同様の苦情がたくさんあることを考えると、Google マップ API は非常に複雑であることがわかります。これが私が取得し続けるエラーです: *Google は、このアプリケーションでの Maps API の使用を無効にしました。指定されたキーは有効な Google API キーではないか、このサイトの Google Maps Javascript API v3 に対して承認されていません。あなたがこのアプリケーションの所有者である場合は、有効なキーの取得についてここで学ぶことができます:https://developers.google.com/maps/documentation/javascript/tutorial#api_key * はい、新しいキーを生成し、API v.3 を有効にして、人々が行った他の多くの提案を試しました。これが機能しない場合、Google マップは静的なマップ表示にのみ役立つと思いますが、これはちょっと悲しいことです。私は、人々が私たちのサイトの地図をズームインおよびズームアウトできることを望んでいました. 誰か提案があれば; 喜んでお試しいたします。この問題を抱えているのは私だけではありません。

4

1 に答える 1

0

まず、あなたの場所の緯度と経度を から取得する必要があります:

http://maps.googleapis.com/maps/api/geocode/xml?address=+" + MapAddress + "&sensor=false

ページでこの html コードを試してください。str_lat と str_lng は現在地です。

    <head>
    <meta name='viewport' content='initial-scale=1.0, user-scalable=no' />
    <style type='text/css'>
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }
    </style>
    <script type='text/javascript' src=https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false>
    </script>
    <script type='text/javascript'>
      function initialize() {
        var myLatlng = new google.maps.LatLng(str_lat,str_lng);
        var mapOptions = {
          center: myLatlng,
          zoom: 16,
          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:'Location!'
        });
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id='map-canvas'/>
  </body>
</html>;
于 2013-07-07T13:09:24.987 に答える