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复制到剪贴板示例代码
Oct 30 Javascript
理解javascript回调函数
Dec 28 Javascript
jquery隔行换色效果实现方法
Jan 15 Javascript
javaScript基础语法介绍
Feb 28 Javascript
JavaScript中property和attribute的区别详细介绍
Mar 03 Javascript
JS中递归函数
Jun 17 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
Jul 07 Javascript
微信小程序 MINA文件结构
Oct 17 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
基于JavaScript实现焦点图轮播效果
Mar 27 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
vue常用高阶函数及综合实例
Feb 25 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 socket客户端及服务器端应用实例
2014/07/04 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
PHP区块查询实现方法分析
2018/05/12 PHP
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
jquery索引在使用中的一些困惑
2013/10/24 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
浅谈轻量级js模板引擎simplite
2015/02/13 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
2015/03/02 Javascript
javascript中callee与caller的区别分析
2015/04/20 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
jQuery 3.0 的变化及使用方法
2016/02/01 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
axios中cookie跨域及相关配置示例详解
2017/12/20 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
layui table设置前台过滤转义等方法
2018/08/17 Javascript
JavaScript Math对象和调试程序的方法分析
2019/05/13 Javascript
[02:40]DOTA2殁境神蚀者 英雄基础教程
2013/11/26 DOTA
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
itchat接口使用示例
2017/10/23 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
tensorflow saver 保存和恢复指定 tensor的实例讲解
2018/07/26 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
Django 拆分model和view的实现方法
2019/08/16 Python
wxPython实现画图板
2020/08/27 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
基于Tensorflow一维卷积用法详解
2020/05/22 Python
欧克利英国官网:Oakley英国
2019/08/24 全球购物
宿舍打麻将检讨书
2014/01/24 职场文书
机械制造毕业生求职信
2014/03/03 职场文书
安全环保演讲稿
2014/08/28 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
英文慰问信
2015/02/14 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
2015年体检中心工作总结
2015/05/27 职场文书
餐馆开业致辞
2015/08/01 职场文书