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&v=2&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>