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写的实用看图工具实现代码
Jul 26 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
JavaScript中的工厂函数(推荐)
Mar 08 Javascript
JavaScript门道之标准库
May 26 Javascript
ajax与jsonp的区别及用法
Oct 16 Javascript
VSCode使用之Vue工程配置eslint
Apr 30 Javascript
react结合bootstrap实现评论功能
May 30 Javascript
js实现弹窗效果
Aug 09 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
MYSQL数据库初学者使用指南
2006/11/16 PHP
PHP中空字符串介绍0、null、empty和false之间的关系
2012/09/25 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
Yii2使用dropdownlist实现地区三级联动功能的方法
2016/07/18 PHP
Redis构建分布式锁
2017/03/28 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
制作高质量的JQuery Plugin 插件的方法
2010/04/20 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
AngularJS实现树形结构(ztree)菜单示例代码
2016/09/18 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
Vue如何实现组件的源码解析
2017/06/08 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
2017/06/30 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
Python深入学习之内存管理
2014/08/31 Python
django使用html模板减少代码代码解析
2017/12/12 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
小学生自我评价范例
2013/09/24 职场文书
网络工程专业毕业生推荐信
2013/10/28 职场文书
早读迟到检讨书
2014/01/24 职场文书
中介公司区域经理岗位职责范本
2014/03/02 职场文书
英语教师岗位职责
2014/03/16 职场文书
师德演讲稿范文
2014/05/06 职场文书
小学校园之星事迹材料
2014/05/16 职场文书
员工生日活动方案
2014/08/24 职场文书
2014业务员年终工作总结
2014/12/09 职场文书
先进班集体申报材料
2014/12/26 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书
Python快速实现一键抠图功能的全过程
2021/06/29 Python