Google Maps API 代码
2009-03-24 10:03 苏飞 阅读(2137) 评论(0) 编辑 收藏 举报阅读全文并下载：http://www.cckan.net/forum.php?mod=viewthread&tid=54
<!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 onload="load()" onunload="GUnload()">
<%-- 在这里加载地图--%>
<div id="map" style="width:720px;height:500px"></div>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· [AI/GPT/综述] AI Agent的设计模式综述