日期:2014-05-18 浏览次数:20485 次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>我的api</title>
<link rel="shortcut icon" href="http://www.tucoo.com/icon/xtrd_iconset1/s/XTRD-heart.png"/> <!-- 随便连了个图标 -->
<style type="text/css">
body {
text-algin: center;
}
v\: * {
behavior: url(#default#VML);
}
#content{
height: 100%;
width: 100%;
}
#map{
widows: 100%;
height: 600px;
}
#message{
text-align: center;
}
#dosomething{
text-align: center;
}
#dosomething .button{
text-align: right;
}
</style>
<script
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAArOZgwowl24SQDUsdg_UiMxQVwmba-i56saYlzjiEvj048FCMexTXH9I26hjJnXbmlYgoknC4agGy3Q"
type="text/javascript"></script><!-- 声明google key 请到http://www.google.com/apis/maps/signup.html申请 -->
<script type="text/javascript">
var map; // 定义地图
function load(){
if (GBrowserIsCompatible())//辨别浏览器是否兼容
{
map = new GMap2(document.getElementById("map"));//调用google函数画一个初图
map.addControl(new GLargeMapControl());//添加地图组件 一个在Google Local之中使用的大的移动缩放控件,显示在地图的左上角
map.addControl(new GMapTypeControl());//添加地图组件 让用户切换地图类型的按钮控件(例如地图模式和卫星图模式)
map.addControl(new GScaleControl());//添加地图组件 地图比例尺控件
map.addControl(new GOverviewMapControl(new GSize(100, 100)));//添加地图组件 一个可折叠的鹰眼地图,在地图的角落
GEvent.addListener(map, "moveend", function () { //捕捉 当地图上发生改变的时候调用
var center = map.getCenter();
document.getElementById("message").innerHTML = "\u4e2d\u5fc3\u7ecf\u7eac" + center.toString();//转码:中心经纬
});
map.setCenter(new GLatLng(39.917, 116.397), 4);//设置地图的中心点
map.setMapType(G_HYBRID_MAP); //设置地图的类型 现在用的混合视图 (G_NORMAL_MAP >简图,G_SATELLITE_MAP >卫星图,G_HYBRID_MAP >混合图)
map.enableScrollWheelZoom(); //让地图启用鼠标滚轮
map.enableDoubleClickZoom(); //让地图启用鼠标双击
map.enableContinuousZoom(); //让地图启动滑动效果
}else {
alert("Your browser is not compatible with GoogleMap");//您的浏览器不兼容
}
}
function showme(){
var cityname = document.getElementById('remark').value;//获得 备注
var citylat = document.getElementById('lat').value; //获得 纬度
var citylon = document.getElementById('lon').value; //获得 经度
var citysize = document.getElementById('citysize').value; //获得 地图比例
if(citylat == '')
{
window.alert('没有纬度');
return;
}else if(citylon == '')
{
window.alert('没有经度');
return;
}
if(cityname == '')
{
cityname='没有备注';
}
var point = new GLatLng(citylat,citylon); //创建一个坐标
var marker =