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 相关文章推荐
教你如何解密js/vbs/vbscript加密的编码异处理小结
Jun 25 Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
Feb 20 Javascript
JQuery CheckBox(复选框)操作方法汇总
Apr 15 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
小程序scroll-view组件实现滚动的示例代码
Sep 20 Javascript
微信小程序实现登录注册tab切换效果
Dec 29 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
vue-cli3添加模式配置多环境变量的方法
Jun 05 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
各种战术和打法的原创者
2020/03/04 星际争霸
社区(php&amp;&amp;mysql)三
2006/10/09 PHP
PHP的博客ping服务代码
2012/02/04 PHP
本地对象Array的原型扩展实现代码
2010/12/04 Javascript
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
JavaScript检测原始值、引用值、属性
2016/06/20 Javascript
利用node.js本地搭建HTTP服务器
2017/04/19 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
2019/03/22 Javascript
vue中axios实现数据交互与跨域问题
2019/05/12 Javascript
js数据类型转换与流程控制操作实例分析
2019/12/18 Javascript
[10:21]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster 选手采访
2021/03/11 DOTA
python写入中英文字符串到文件的方法
2015/05/06 Python
python简单实例训练(21~30)
2017/11/15 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
详解Django中CBV(Class Base Views)模型源码分析
2019/02/25 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
python定义具名元组实例操作
2021/02/28 Python
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
2013/02/04 HTML / CSS
瑜伽国际:Yoga International
2018/04/18 全球购物
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
实习生自荐信范文
2013/11/13 职场文书
优秀社区干部事迹材料
2014/02/03 职场文书
应届中专生自荐书范文
2014/02/13 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
美术学专业求职信
2014/07/23 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
Arthas排查Kubernetes中应用频繁挂掉重启异常
2022/02/28 MySQL
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL