谷歌地图API demo 本地保存为x.html访问既可。放在服务器上就需要申请key。 当中23.1150614,113.4082905为位置的经纬度。 <!DOCTYPEhtmlPUBLIC"
谷歌地图API demo
本地保存为x.html 访问既可。放在服务器上就需要申请key。
当中 23.1150614,113.4082905 为位置的经纬度。
<!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="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="description" content=" " />
<title>谷歌地图 api测试</title>
<style>
.map {
width: 205px;
height: 192px;
text-align: center;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="res_map" class="map"></div>
<script src="http://ditu.google.cn/maps?file=api&v=2&&key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
function show_small_map()
{
if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("res_map"));
function createMarker(latlng)
{
var marker = new GMarker(latlng);
return marker;
}
map.setCenter(new GLatLng(23.1150614,113.4082905), 16);
var smc = new GSmallZoomControl3D;
map.addControl(smc);
var latlng = new GLatLng(23.1150614,113.4082905);
map.addOverlay(createMarker(latlng));
}
}
show_small_map();
</script>
</body>
</html>
