當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
Google Maps JavaScript API V3 根据地址 加载地图
生活随笔
收集整理的這篇文章主要介紹了
Google Maps JavaScript API V3 根据地址 加载地图
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
效果圖如下：
javascript代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><script type="text/javascript">var geocoder;var map;var query = "香港 灣仔 維多利亞公園";var display = "<b>單位：</b> 維多利亞公園";function initialize() {geocoder = new google.maps.Geocoder();var myOptions = {zoom: 17,mapTypeId: google.maps.MapTypeId.ROADMAP}map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);codeAddress();}function codeAddress() {var address = query;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});var infowindow = new google.maps.InfoWindow({content: "<b>地址：</b>" + address + "<br>" + display});infowindow.open(map, marker);} else {alert("未能解析該地址的原因: " + status);}});}</script> </head><body οnlοad="initialize()"><div id="map_canvas" style="width:500px; height:400px"></div> </body>轉載于:https://www.cnblogs.com/yexinw/archive/2011/09/23/2185887.html
總結
以上是生活随笔為你收集整理的Google Maps JavaScript API V3 根据地址 加载地图的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【转载】基于Nios II的DMA传输总
- 下一篇： gradle idea java ssm