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 相关文章推荐
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 Javascript
js 控制图片大小核心讲解
Oct 09 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
js实现无缝滚动特效
Dec 20 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
javascript 中事件冒泡和事件捕获机制的详解
Sep 01 Javascript
在Vue.js中使用Mixins的方法
Sep 12 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 Javascript
vue打开子组件弹窗都刷新功能的实现
Sep 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进行MySQL删除记录操作代码
2008/06/07 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
Javascript冒泡排序算法详解
2014/12/03 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
js实现轮播图的完整代码
2020/10/26 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
通过实例解析json与jsonp原理及使用方法
2020/09/27 Javascript
[01:02:38]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第二场 1月10日
2021/03/11 DOTA
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
matplotlib savefig 保存图片大小的实例
2018/05/24 Python
numpy.where() 用法详解
2019/05/27 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
python性能测量工具cProfile使用解析
2019/09/26 Python
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
2020/03/06 Python
使用css如何制作时间ICON方法实践
2012/11/12 HTML / CSS
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
幼儿园园长岗位职责
2013/11/26 职场文书
高中的职业生涯规划书
2013/12/28 职场文书
行政部总经理岗位职责
2014/01/04 职场文书
四风存在的原因分析
2014/02/11 职场文书
初级会计求职信范文
2014/02/15 职场文书
开工仪式主持词
2014/03/20 职场文书
建筑结构施工求职信
2014/07/11 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
师德先进个人材料
2014/12/20 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
仓管员岗位职责
2015/02/03 职场文书
2015年人事科工作总结
2015/04/28 职场文书
校园安全教育心得体会
2016/01/15 职场文书
用python基于appium模块开发一个自动收取能量的小助手
2021/09/25 Python
Hive日期格式转换方法总结
2022/06/25 数据库