使用google map v3添加经纬度信息

本文详细介绍了如何使用Google地图API进行地图应用开发,包括地图初始化、事件监听、标记放置与清除,以及与后台系统的交互。特别强调了如何在点击地图时获取经纬度信息并录入后台系统,提供了从页面准备到客户化JS代码实现的完整流程,旨在帮助开发者高效完成地图应用的开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

http://s8186255.iteye.com/blog/758678

     V3版的Google map,从提供的代码结构而言,更加模块化,链式操作的感觉也不错,关键代表了未来,所以掌握其使用方法自然 重要。

    与地图相关的应用开发中,常用的技术是将经纬度录入到后台库中,显示的时候,读出经纬度,通过google提供的js,将你关注的点在地图上画出来。或者可以画出更多的东西,比如线、多边形。

    以往基于专业地图系统如mapinfo、esri、中地地图系统等开发应用软件,面临的最大问题是地图信息的更新,基于google map这个云计算平台,一切担忧可以消解。

    废话少说,现在举一个简单的例子:当我们点击地图的时候,可以获取经纬度信息,并录入到后台系统中。比如我们将一个照片放在地图的某个点,就需要如此的应用。

js准备,准备好jquery和google的js;


<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>


html准备;


       


       
       

.....


前面的div是地图的显示位置大小;

客户化的js代码准备:主要解决页面载入干什么、点击地图干什么的问题;


后面两个是经纬度;

后台准备;

这里可以使用任何后台程序,获取两个hidden input的值,进行后期处理即可。


提示:

1、在实现的过程中,与v2不同的是对点击地图形成多个marker的处理,最终发现这种采用数组的处理方式最好。

2、我的后台是rails,我还是坚持我的观点,rails开发应用在开发的时候,界面方面要减少个性化的东西,比如rjs、比如支持google map ym4r等插件,直接使用javascript(jquery)。
给主人留下些什么吧!~~
评论热议
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值