google地图开发心得

来源:互联网 发布:网络主播 英语 编辑:程序博客网 时间:2024/05/17 01:46

呃,我菜鸟一个,开发Google地图之前压根就没接触过web开发(话说现在地图做的差不多了,但是web还是不懂,什么JS、Dom、asp.net、Ajax基本上是只知道名字),说跟web沾点边的就是WPF里的Xaml。暑假老师让我做个项目,于是就开始了在网上查大量资料,问大量问题。再此真心感谢那些帮助过我的大神们!这里写下一些我开发地图的一些经验,并不是详细教程,最后附上部分源代码(实际上这是一个与C#winform交互的,C#代码没有上传所以里面的很多地方看起来会有些奇怪,比如:window.external.CheckGo();如果想了解JS与C#交互可以看这个:http://download.csdn.net/detail/u013115078/7673399)

1、注册key什么的这里讲的很好:http://www.w3cschool.cc/googleapi/google-maps-api-key.html(开发教程也很好!)

需要注意的就是,注册之后当你在后续开发时可能地图加载的很慢或完全无法加载地图只有,一开始我觉得是天朝把googlemap封了的缘故,但后来感觉不是这样的。查到资料是这样的:

 

注意:为了使用中国的地图数据,需要使用来自ditu.google.com(或ditu.google.cn)的JavaScript代码。申请API密钥时自动生成的代码缺省指向maps.google.com。因此,需要手动将其改为ditu.google.com(或ditu.google.cn)。(出处:http://wenku.baidu.com/view/fb9c684d852458fb770b5649.html)

 

没怎么理解他的意思,总之我是这样做的:

首先将http://ditu.google.com/maps?file=api&v=2&key=你注册的API密钥<script src="http://ditu.google.com/maps?file=api&v=2&key=你注册的API密钥" type="text/javascript"></script>里面的 http://ditu.google.com/maps?file=api&v=2&key=你注册的API密钥复制到浏览器的地址栏,一回车就会出来一大堆JS代码,然后上面那些就都没有用了直接是:

<scripttype="text/javascript">那一大堆代码</script>

Key什么的都在这里了。

2、接下来就是真正的对地图进行操作啦!什么多边形、折线、标记等等、其实也不用详细介绍、网上资料很多、但强烈推荐官方的:https://developers.google.com/maps/documentation/javascript/reference?hl=zh-CN

(注意左边的菜单栏里面还有很多的,这里的内容只要详细看会发现是非常有用的!!)

例如:我在开发时需要自定义标记的图案,是那种随着点增加有规律变化的那种,每个点都有一个唯一个性化的图标,这样的话就不可能做出一大堆图案,然后一个一个调用,这时就可以来官网看看Symbol 的一些内容,以及 SVG路径表示法的概念(其实跟WPF的路径表示差不多),然后慢慢体会,就可以了,这里面我还用到了google.maps.LabelMarker的概念(这个官网上好像没有,百度一下就可以了)

 

官方的里面列出了polyline、marker等的所有方法、事件、属性等等,在左边的菜单里还能找到很多例程(仔细找)


这个是我写的http://download.csdn.net/detail/u013115078/7822697 ,本来就不是专业的,写的不标准什么的,还请见谅。


嗯,就这样啦!

0 0