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 相关文章推荐
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
js中使用replace方法完成某个字符的转换
Aug 20 Javascript
laytpl 精致巧妙的JavaScript模板引擎
Aug 29 Javascript
jQuery事件用法实例汇总
Aug 29 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
jQuery实现自动调用和触发某个事件的方法
Nov 18 Javascript
详解vue-cli构建项目反向代理配置
Sep 07 Javascript
web前端开发中常见的多列布局解决方案整理(一定要看)
Oct 15 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 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会员系统的开发实例教程
2014/08/23 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
javascript编码的几个方法详细介绍
2013/01/06 Javascript
js post提交调用方法
2014/02/12 Javascript
js取整数、取余数的方法
2014/05/11 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
2015/05/06 Javascript
JQuery标签页效果实例详解
2015/12/24 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
解析NodeJs的调试方法
2016/12/11 NodeJs
JavaScript 中调用 Kotlin 方法实例详解
2017/06/09 Javascript
深入探究node之Transform
2017/07/20 Javascript
react以create-react-app为基础创建项目
2018/03/14 Javascript
vue实现树形菜单效果
2018/03/19 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
vue之封装多个组件调用同一接口的案例
2020/08/11 Javascript
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
Python字符串的常见操作实例小结
2019/04/08 Python
python绘制多个子图的实例
2019/07/07 Python
Python 使用指定的网卡发送HTTP请求的实例
2019/08/21 Python
python有几个版本
2020/06/17 Python
浅析HTML5中的 History 模式
2017/06/22 HTML / CSS
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
八年级美术教学反思
2014/02/02 职场文书
竞聘演讲稿怎么写
2014/08/28 职场文书
幼儿园迎国庆65周年活动策划方案
2014/09/16 职场文书
生活小常识广播稿
2014/09/16 职场文书
小学假期安全广播稿
2014/09/28 职场文书
2014年连锁店圣诞节活动方案
2014/12/09 职场文书
OpenCV-Python直方图均衡化实现图像去雾
2021/06/07 Python
手残删除python之后的补救方法
2021/06/26 Python
Python实现列表拼接和去重的三种方式
2021/07/02 Python