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面象对象设计
Apr 28 Javascript
Js动态创建div
Sep 25 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
js实现Select列表各项上移和下移的方法
Aug 14 Javascript
学习javascript面向对象 理解javascript对象
Jan 04 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
基于bootstrop常用类总结(推荐)
Sep 11 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
Apr 24 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
May 22 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 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数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
PHP中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
PHP中的日期时间处理利器实例(Carbon)
2017/06/09 PHP
PHP的HTTP客户端Guzzle简单使用方法分析
2019/10/30 PHP
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
javascript 实现子父窗体互相传值的简单实例
2014/02/17 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
JS解析XML文件和XML字符串详解
2015/04/17 Javascript
利用jquery制作滚动到指定位置触发动画
2016/03/26 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
nodejs express配置自签名https服务器的方法
2018/05/22 NodeJs
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
[51:28]EG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/16 DOTA
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
代码详解django中数据库设置
2019/01/28 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
简单了解python关系(比较)运算符
2019/07/08 Python
Python中six模块基础用法
2019/12/08 Python
python实现高斯投影正反算方式
2020/01/17 Python
tensorflow 实现自定义layer并添加到计算图中
2020/02/04 Python
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
如何现实servlet的单线程模式
2014/08/05 面试题
邮政员工辞职信
2014/01/16 职场文书
幼儿园亲子活动方案
2014/01/29 职场文书
培训协议书范本
2014/04/22 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
2015年幼儿园教研活动总结
2015/03/25 职场文书
监守自盗观后感
2015/06/10 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
2015年卫生院健康教育工作总结
2015/07/24 职场文书