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获取IMG图片高宽的简单实例
May 17 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
ES6基础之展开语法(Spread syntax)
Feb 21 Javascript
Vue渲染过程浅析
Mar 14 Javascript
Vue使用NProgress进度条的方法
Sep 21 Javascript
layui时间控件选择时间范围的实现方法
Sep 28 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
基于vue实现探探滑动组件功能
May 29 Javascript
Node.js fs模块原理及常见用途
Oct 22 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
初品cakephp 入门基础
2012/02/16 PHP
php中使用sftp教程
2015/03/30 PHP
thinkPHP简单实现多个子查询语句的方法
2016/12/05 PHP
php redis实现对200w用户的即时推送
2017/03/04 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
2016/05/10 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
AngularJS动态加载模块和依赖的方法分析
2016/11/08 Javascript
JavaScript中setTimeout的那些事儿
2016/11/14 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
2018/12/21 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
python Django框架实现自定义表单提交
2016/03/25 Python
Python for循环生成列表的实例
2018/06/15 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
Python多线程通信queue队列用法实例分析
2020/03/24 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
常用的HTML5列表标签
2017/06/20 HTML / CSS
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
数据库基础的一些面试题
2012/02/25 面试题
大学生自荐书范文
2013/12/10 职场文书
医院总经理岗位职责
2014/02/04 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
团支部推优材料
2014/05/21 职场文书
2017年寒假社区服务活动总结
2016/04/06 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
避坑之 JavaScript 中的toFixed()和正则表达式
2022/04/19 Javascript