當前位置：首頁 >

Google Maps API 代码

發布時間：2024/9/20 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 Google Maps API 代码小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!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>

<%-- 加載本地搜索的樣式--%>
?? <style type="text/css">
????? @import url("http://www.google.com/uds/css/gsearch.css");
????? @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");?
?? }
? .STYLE1 {
??font-size: 12px;
?color: #003366;
}
?? </style>
??? <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
??? <title>蘇飛祝您一路平安</title>
? <%-- Google Maps API 使您能夠將 Google Maps 嵌入自己的網頁中。一個 Maps API 密鑰只對的一個“目錄”或域有效。
?? 有關詳細信息，請參閱此常見問題解答。您必須有 Google 帳戶才能獲得 Maps API 密鑰，并且 API 密鑰會與您的 Google 帳戶關聯。
?? 請到這里申請一個吧http://code.google.com/intl/zh-CN/apis/maps/signup.html--%>
???? <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAomgcdg9DjL60HKYl-1QbnhRhywW8vKZVMFuSsAE3Eu0YRdhAXhTcj2-jOXN4Kbz6pCI4DnVhXqqW6g"
????? type="text/javascript"></script>
??? <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script>
? <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>??
??? <script type="text/javascript">
??? //<![CDATA[
?? var geocoder = null;
??? function load() {
????? if (GBrowserIsCompatible()) {
?????? //這里是啟用一個地圖
??????? var map = new GMap2(document.getElementById("map"));
??????? //地圖中心的位置
??????? map.setCenter(new GLatLng(34.81552976499691, 113.6833906173706), 13);
?? //啟用鼠標縮放功能
???????? map.enableScrollWheelZoom();
???????? //禁用鼠標縮放功能
???????? //map.disableScrollWheelZoom();
???????? //一個本地搜索的位置
??????? 　　map.addControl(new google.maps.LocalSearch(),new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(-260,0)));
???????? 　 //加上衛星
????? 　　? map.addControl(new GLargeMapControl());
?????? 　　 //加上地圖
?????? 　　 map.addControl(new GMapTypeControl());
??????????? //平移及縮放控件（左上角）
???map.addControl(new GLargeMapControl());
???// ，比例尺換件（左下角）
???map.addControl(new GScaleControl());
???// ，縮略圖控件（左下角）
???map.addControl(new GOverviewMapControl());
???//啟用鼠標拖動
???map.enableDragging();
????? }
??? }
??? //]]>
??? </script>
? </head>
? <body οnlοad="load()" οnunlοad="GUnload()">
<%--? 在這里加載地圖--%>
??? <div?? id="map" style="width:720px;height:500px"></div>
? </body>
</html>

總結

以上是生活随笔為你收集整理的Google Maps API 代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。