1

Googleマップページでジオコーディングを設定するのは初めてで、「マップスクリプト101」という本の例を使用しています。Googleマップでジオコーディングされた静的アドレスを表示しようとしています。コードを自分のhtmlページに転送しようとしましたが、機能しません。Google APIキーに置き換えましたが、mapstractionディレクトリへのパスは正しいです。Google APIが他のマップで動作することに問題がないので、私は間違いなく自分のコードを使用するための正しいWebサイトにいます。問題は、htmlコード内の静的アドレスのジオコーディングだけです。

Google APIを入手したときに、適切なサービスをすべてセットアップしたと思います。ただし、標準の地図の作成に加えて、ジオコーディングに必要な特別なAPIサービスがあるかどうかはわかりません。

これが私が働けないHTMLコードです。表示されるのは、内部にマップがなく、ジオコーディングされたポイントがないシェルだけです。このコードは、本のサンプルと付属のWebサイトから入手しました。

    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyDYqIvje6tt-`enter code here`g4NnWOLAVqwBWCcMuI5rvM&sensor=false" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8" src="js/mxn.js?(google)"></script>
    <script src="js/mxn.google.geocoder.js"></script>
    <style>
    div#mymap {
        width: 400px;
        height: 350px;
    }
    div#clicks {
        width: 400px;
    }
    </style>
    <script type="text/javascript">
    var mapstraction;
    var mks = [];
    function create_map() {
        mapstraction = new mxn.Mapstraction('mymap', 'google');
        mapstraction.addSmallControls();
        mapstraction.setMapType(mxn.Mapstraction.PHYSICAL);
        mapstraction.setCenterAndZoom(defaultcenter, 15);

        geocoder = new MapstractionGeocoder(add_point, 'google');
        var address = {
          street: "38 Ringold Street",
          locality: "San Francisco",
          region: "CA",
          country: "US"
        };

        //OR:
        //var address = {
        //  address: "38 Ringold St, San Francisco, CA"
        //};

        geocoder.geocode(address);
    }
    function add_point(loc) {
        var mk = new mxn.Marker(loc.point);

        mk.setInfoBubble(loc.address);
        mapstraction.addMarker(mk);
        mk.openBubble();
        mapstraction.autoCenterAndZoom();
    }
    </script>
  </head>
  <body onload="create_map()">
    <div id="mymap"></div>
  </body>
</html>
4

0 に答える 0