googlemapapi学习(编辑修改稿)内容摘要:

arker)。 //在地图上显示 (marker,dragend,DisPoint)。 //添加拖动后事件DisPoint var DisPoint = function ()//添加事件响应函数 { var point=()。 (())。 } 下面是效果演示: Google Maps API 自定义图标和路线编码 by:CGcheng(转载注明出处 ) 如果你对 google maps api 提供的气泡一样的默认图标感到不满意或者觉得有些厌倦, google还提供了一些稍微有些变化的图标供大家选择,大家也完全可以自己制作有个性的图标来放到网页的地图上。 修改图标 如果不想使用系统的默认图标,可以自己新建一个 GIcon的对象,新建完这个对象之后,可以通过修改图标对象的各个属性来自定义图标。 GIcon 的构造函数是 GIcon(copy,image)。 其中 copy 里面可以是一个图标对象,此时新建的图标 对象就完全复制了 copy 这个图标的属性,image 是图标文件的 url。 除此之外,可以设置图标的大小 (iconSize),投影 (shadow),图标锚点位置偏移 (iconAnchor)等等,举一个简单的例子,我们在地图中央放一个可以拖动的 qq 企鹅,可以使用下面的代码: var icon=new GIcon()。 =。 = new GSize(27, 22)。 = new GPoint(0,0)。 //这一句一定要有,不然会出错,我当时以为有默认值就删了,找了半天才发现原因 (new GMarker((),{icon:icon,draggable:true,dragCrossMove:true}))。 这里的 就是放在相同目录下的企鹅 gif 动画文件,你也可以使用 google 提供的一些图标,我在其文档上只找到了以下几个图片链接: ,颜色还有 yellow,green,white,blace,gray,brown 等等自己慢慢试吧。 如果你在 google 上找到更有意思的地标文件,欢迎来信告诉我。 添加路线 当想在地图上加入路线时,必须定义路线经过的点,形成一个坐标数组,然后通过此坐标数组产生一个路线。 如下所示: var polyline = new GPolyline([ new GLatLng(, ), new GLatLng(, ), new GLatLng(, ), new GLatLng(, ), new GLatLng(, ) ], FF0000, 10)。 (polyline)。 特别注意:要在你网站的地图上正常显 示路线 polylines,必须按照 google的提示在网页中include VML 命名空间和一些 CSS的代码,具体如下: 路线编码 按照上面的内容,每添加一条路线,网页 javascript中就会多出一堆的坐标文件 ,调用时发送给 google maps,为了加快信息的传输速度, google maps 提供了一种编码的方法,将数字转换成 ASCII 编码压缩成字母的形式传送,压缩的算法 这里 有介绍,你也可以使用 google 提供的 一个网页 来进行计算,这里就不介绍了。 上面的。
阅读剩余 0%
本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。