看看如何-将google地图嵌入到网页中!
2011-07-26 17:28
387 查看
今天下午就干一件事,怎样点击google地图,获取坐标和缩放级别,丢到数据库,下次的时候,通过坐标还有缩放级别,直接显示我点击的那个位置
不说了,直接放代码了!
//接下来我要把地图显示在一个框框里面去,也就是DIV里面
//下面将会是实例化google库,开始要干了!
不说了,直接放代码了!
//这个是引入google的库 <script src="http://maps.google.com/maps?file=api&v=3&sensor=true&key=ABQIAAAAIHAbNjJQCreFjDptcT4yjBR2jvTZOFQfaCn8QtYrCty2-BDc7RSG6t6loXYOXGxFmfXf9-Le0DVAQA" type="text/javascript"></script>
//接下来我要把地图显示在一个框框里面去,也就是DIV里面
<div id="map_canvas" style="width: 500px; height: 300px"></div> <div id="show_x"></div><!--显示X坐标--> <div id="show_y"></div><!--显示Y坐标--> <div id="zoom"></div><!--显示缩放级别-->
//下面将会是实例化google库,开始要干了!
<script language="javascript"> var map = new GMap2(document.getElementById("map_canvas"));//实例化,显示google地图 var center = new GLatLng(39.916912086904624,116.39697074890137); 指定的坐标 map.setCenter(center,13);//指定坐标,缩放级别,setcenter 设置地图中心位置 //var mapControl = new GMapTypeControl(); //控件 //map.addControl(mapControl); //控件 //map.addControl(new GLargeMapControl()); //控件 var marker = new GMarker(center, {draggable: true});//是否可以拖动 map.addOverlay(marker); //生成了一个小标记 //marker
//下面的部分是什么呢? GEvent.addListener(map, 'click', function(overlay, point) { if (point) { document.getElementById("show_x").innerHTML = point.x; //获取当前是x的坐标 document.getElementById("show_y").innerHTML = point.y; //获取当前是y坐标 document.getElementById("zoom").innerHTML = map.getZoom(); //获取当前是缩放级别 } }); </script>
//完事了!,看google的api document要少活2000年,要是熬过去了,可以多活20000年!
相关文章推荐
- 如何在网页中嵌入百度地图
- 如何在网页中嵌入流媒体文件
- [置顶] 如何在网页中嵌入百度地图
- 如何在网页中嵌入自己想要的字体(实例下载)
- 如何将Silverlight程序嵌入网页
- 如何把直播嵌入网页
- 手把手教你如何将图片“嵌入”网页中
- 如何在网页内部嵌入RM、RMVB等RealPlayer格式的媒体文件
- 如何在网页中嵌入WMV格式或RM视频文件
- 如何使你的网页视频自动播放嵌入的<iframe>视频
- Google Map API使用详解(十二)——如何在自己的网页中嵌入地图
- Google Map API使用详解(如何在自己的网页中嵌入地图)
- 如何用在自己的网页中嵌入腾讯视频网页播放器播放一些文件
- 如何在网页里嵌入PPT
- 如何下载网页中嵌入的flash文件
- 如何在网页中动态的显示日期时间,看看拿来就能用
- 如何生成嵌入网页直播的HTML代码
- 如何在网页中嵌入百度地图
- SkylineGlobe的PopupMessage里面嵌入的网页如何与主页面交互通讯
- 在AnyChart中如何使用HTML将图表嵌入到网页中?