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 相关文章推荐
身份证号码前六位所代表的省,市,区, 以及地区编码下载
Apr 12 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
node.js中的emitter.on方法使用说明
Dec 10 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
React Native中Mobx的使用方法详解
Dec 04 Javascript
vue中轮训器的使用
Jan 27 Javascript
VuePress 静态网站生成方法步骤
Feb 14 Javascript
Vue源码探究之虚拟节点的实现
Apr 17 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 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
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
php数组查找函数in_array()、array_search()、array_key_exists()使用实例
2014/04/29 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
PHP线程的内存回收问题
2016/07/08 PHP
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
JS同步、异步、延迟加载的方法
2018/05/05 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
跨平台python异步回调机制实现和使用方法
2013/11/26 Python
python端口扫描系统实现方法
2014/11/19 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
Django分页查询并返回jsons数据(中文乱码解决方法)
2018/08/02 Python
Django 限制用户访问频率的中间件的实现
2018/08/23 Python
python文本数据处理学习笔记详解
2019/06/17 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
pytorch 中的重要模块化接口nn.Module的使用
2020/04/02 Python
为什么是 Python -m
2020/06/19 Python
python和go语言的区别是什么
2020/07/20 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
运动会广播稿50字
2014/01/26 职场文书
2015年元旦文艺汇演主持词
2014/03/26 职场文书
python 三边测量定位的实现代码
2021/04/22 Python
利用JavaScript写一个简单计算器
2021/11/27 Javascript
图神经网络GNN算法
2022/05/11 Python