google地图的路线实现代码


Posted in Javascript onAugust 20, 2009
<script language="javascript" type="text/javascript"> 
//add by ahuinan 2009-8-17 
//initialize(23.165613663312594,113.35968017578125) 
var map; 
var gdir; 
var marker2; 
var hasMarker = false; 
var hotelLatLng = new GLatLng(<%=initxy %>);//初始化酒店的坐标 
var polyline; 
var points = []; 
points[1] = hotelLatLng; 
function initialize() { 
if (GBrowserIsCompatible()) { 
map = new GMap2(document.getElementById("divMap"), { googleBarOptions: { showOnLoad: true} }); 
gdir = new GDirections(map); 
map.setCenter(hotelLatLng, 9); 
map.addControl(new GOverviewMapControl()); 
map.addControl(new GLargeMapControl()); //加入搜索框 
map.enableGoogleBar(); 
map.enableScrollWheelZoom(); 
//创建酒店的标注,不可拖动 
var hotelMarker = new GMarker(new GLatLng(<%=initxy %>)); 
map.addOverlay(hotelMarker); 
//鼠标左键可以建立一个标记, 
GEvent.addListener(map,"click",function(overlay,latlng,overlaylatlng){ 
if(latlng == null || hasMarker == true){ 
return; 
} 
var greenIcon = new GIcon(G_DEFAULT_ICON); 
greenIcon.image = "../googlemap/green-dot.png"; 
greenIcon.iconSize = new GSize(32,32); 
greenIcon.iconAnchor = new GPoint(16,32); 
greenIcon.shadowSize=new GSize(56,33); 
marker2 = new GMarker(latlng,{draggable: true,icon:greenIcon}); 
map.addOverlay(marker2); 
GEvent.addListener(marker2,"dragend",function(){ 
points[0] = marker2.getLatLng(); 
gdir.loadFromWaypoints(points,{"preserveViewport":true}); 

}) 
GEvent.addListener(gdir, "addoverlay", function(){ 
for (var i=0; i<=gdir.getNumRoutes(); i++){ 
var originalMarker = gdir.getMarker(i); 
map.removeOverlay(originalMarker); 
} 
polyline = gdir.getPolyline(); 

polyline.setStrokeStyle({color:"red",weight:2,opacity:1}); 
// map.addOverlay(polyline); 
}); 
hasMarker = true; 
points[0] = latlng; 
gdir.loadFromWaypoints(points,{"preserveViewport":true}); 
}) 
} 
} 
//按下添加按钮 
function add(){ 
if(points.length == 1){ 
alert("没有线路,终止操作"); 
}else{ 
window.opener.document.getElementById("txtHI_MapMarkDesc").value = window.opener.document.getElementById("txtHI_MapMarkDesc").value+"\n"+document.getElementById("txtName").value+"||||"+document.getElementById("txtType").value+"||||"+points[0]+"\n"; 
window.close(); 
} 
} 
window.onload = function() { 
initialize() 
} 
</script>
Javascript 相关文章推荐
对象的类型:本地对象(1)
Dec 29 Javascript
详谈 Jquery Ajax异步处理Json数据.
Sep 09 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
VUEJS实战之构建基础并渲染出列表(1)
Jun 13 Javascript
jquery easyUI中ajax异步校验用户名
Aug 19 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
May 24 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
浅谈React之状态(State)
Sep 19 Javascript
node使用Mongoose类库实现简单的增删改查
Nov 08 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
vue 清空input标签 中file的值操作
Jul 21 Javascript
JavaScript 字符串乘法
Aug 20 #Javascript
javascript 短路法代码精简
Aug 20 #Javascript
斜45度寻路实现函数
Aug 20 #Javascript
javascript 多级checkbox选择效果
Aug 20 #Javascript
调用js时ie6和ie7,ff的区别
Aug 19 #Javascript
jquery 入门教程 [翻译] 推荐
Aug 17 #Javascript
jQuery select控制插件
Aug 17 #Javascript
You might like
php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
2010/12/19 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
使用ltrace工具跟踪PHP库函数调用的方法
2016/04/25 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
PHP7 安装event扩展的实现方法
2019/10/08 PHP
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
javascript中直接引用Microsoft的COM生成Word
2014/01/20 Javascript
JavaScript编程中容易出BUG的几点小知识
2015/01/31 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
微信小程序分页加载的实例代码
2017/07/11 Javascript
jQuery实现的点击按钮改变样式功能示例
2018/07/21 jQuery
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
利用打码兔和超人打码自封装的打码类分享
2014/03/16 Python
Python常用正则表达式符号浅析
2014/08/13 Python
Python中类的继承代码实例
2014/10/28 Python
简单介绍Python中的try和finally和with方法
2015/05/05 Python
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
python:解析requests返回的response(json格式)说明
2020/04/30 Python
Python CategoricalDtype自定义排序实现原理解析
2020/09/11 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
美国知名的摄影器材销售网站:Adorama
2017/02/01 全球购物
Wiggle美国:英国骑行、跑步、游泳、铁人三项商店
2018/10/27 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
自立自强的名人事例
2014/02/10 职场文书
高中军训感言500字
2014/02/24 职场文书
团日活动总结范文
2014/04/25 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
酒店服务员岗位职责
2015/02/09 职场文书
工商局个人工作总结
2015/03/03 职场文书
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android