本文共 1509 字，大约阅读时间需要 5 分钟。

谷歌地图api的实际应用地址：

具体代码如下：

方法一：

方法二如下：

map.js代码如下：

var geocoder;var map;function initialize() {    geocoder = new google.maps.Geocoder();    var latlng = new google.maps.LatLng(31.23, 120.57);//昆山（北纬31.23 东经120.57）    var myOptions = {        zoom: 6,        center: latlng,        mapTypeId: google.maps.MapTypeId.ROADMAP    }    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);}function codeAddress() {    var address = document.getElementById("address").value;    geocoder.geocode({ 'address': address }, function (results, status) {        if (status == google.maps.GeocoderStatus.OK) {            map.setCenter(results[0].geometry.location);            var marker = new google.maps.Marker({                map: map,                position: results[0].geometry.location            });        } else {            alert("搜索失败，原因如下: " + status);        }    });}

default.css代码如下：

html, body {  height: 100%;  margin: 0;  padding: 0;}#map-canvas, #map_canvas {  height: 100%;}@media print {  html, body {    height: auto;  }  #map_canvas {    height: 650px;  }}#show {    text-align: center;    padding-top: 25px;}#Textbox1 {    width: 350px;    height: 35px;}#btnSearch {    color: white;    background-color: blue;    width: 120px;    height: 40px;}#foot {    position: fixed;    bottom: 0px;    width: 100%;    height: 30px;    background: #DDD;}

相关网址：

转载地址：http://wmzmi.baihongyu.com/