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 相关文章推荐
几款极品的javascript压缩混淆工具
May 16 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
js实现当前输入框高亮显示的方法
Aug 19 Javascript
IE6兼容透明背景图片及解决方案
Aug 19 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
Nov 27 Javascript
jquery设置css样式的多种方法(总结)
Feb 21 Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
Jun 23 Javascript
vue-cli初始化项目中使用less的方法
Aug 09 Javascript
JS事件流与事件处理程序实例分析
Aug 16 Javascript
Layui表格监听行单双击事件讲解
Nov 14 Javascript
vue在图片上传的时候压缩图片
Nov 18 Vue.js
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 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
2010/04/28 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
phpmailer在服务器上不能正常发送邮件的解决办法
2014/07/08 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
TNC vs BOOM BO3 第一场2.13
2021/03/10 DOTA
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
Jquery图形报表插件 jqplot简介及参数详解
2012/10/10 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
JavaScript分析、压缩工具JavaScript Analyser
2014/12/31 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
jQuery根据ID、CLASS、等获取对象的实例
2016/12/04 Javascript
使用原生js+canvas实现模拟心电图的实例
2017/09/20 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
Vue实现底部侧边工具栏的实例代码
2018/09/03 Javascript
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
js实现简单掷骰子小游戏
2019/10/24 Javascript
Python 的描述符 descriptor详解
2016/02/27 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
pandas中去除指定字符的实例
2018/05/18 Python
python中的列表与元组的使用
2019/08/08 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
Python实现图片添加文字
2019/11/26 Python
Python环境管理virtualenv&amp;virtualenvwrapper的配置详解
2020/07/01 Python
Python文件名匹配与文件复制的实现
2020/12/11 Python
Osklen官方在线商店:巴西服装品牌
2019/04/25 全球购物
四年级语文教学反思
2014/02/05 职场文书
运动会稿件100字
2014/02/21 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
2014最新自愿离婚协议书范本
2014/11/19 职场文书
初中生毕业评语
2014/12/29 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫