您当前的位置: - HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title></title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=zh_CN"></script>
<script type="text/javascript">
var map;
var icon;
var point;
var marker;
var i = 0;
var latlngArray = new Array();
var LineArray;
var myLatlng;
var flightPath;
var polylinesArray = [];
var tmp;
function ini_load()
{
myLatlng = new google.maps.LatLng(22.541487,114.073893);
var Options=
{
zoom: 15,
center: myLatlng,
mapTypeControl:true,
maptypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},
NavigationControl:true,
NavigationControlOptions:{style:google.maps.NavigationControlStyle.DEFAULT},
disableDoubleClickZoom:true,
scrollwheel:false,
noClear:false,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
map=new google.maps.Map(document.getElementById("map_canvas"),Options);
marker = new google.maps.Marker({position: myLatlng, map: map});
}
function InitData(lat,lng)
{
point=new google.maps.LatLng(lat,lng);
latlngArray.push(point);
marker.setMap(null);
map.panTo(point);
marker.setPosition(point);
marker = new google.maps.Marker({position: point, map: this.map});
var myOptions = {
path: latlngArray,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2};
flightPath = new google.maps.Polyline(myOptions);
if(latlngArray.length>1)
{
//clearLine(); //在这里加载清理折线，程序就出错。
flightPath.setMap(map);
polylinesArray.push(flightPath);
}
}
function clearLine() //清理折线
{
if(polylinesArray)
{
for(i in polylinesArray)
{
polylinesArray[i].setMap[null];
}
polylinesArray = [];
}
}
function addDiv()
{
var time = setTimeout(addDiv,2000);
var message ="22.541487:118.073339";
//alert(message);
InitData(22.541487,113.073339+i*0.001);
i++;
if(i>10)
{
window.clearTimeout(time);
}
}
</script>
</head>
<body onload="ini_load()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
<input id ="Button1" type="button" value="AddDiv" onclick="javascript:addDiv();" />
<input id ="Button2" type="button" value="Clear" onclick="javascript:clearLine();" />
</body>
</html>
以上代码复制保存成 *.htm就可以正常运行了！！
以上代码：所做的功能就是，根据时间来绘制折线。。绘制完折线后，然后在清理掉折线。。。
http://blog.csdn.net/QQ58758/archive/2011/03/23/6270305.aspx 本人参考的是这个bolg代码写。。。
但是清理折线的效果没有出来，请大家看看，到底那里出错了！！谢谢！
问题：1.绘制完折线如何，清理掉已绘制的折线。
2。如何在Google map上的一个GPS坐标点，写一段文字。。就是在地图上的一个坐标位置，写一段文字。。
例如：LatLng(22.541487,113.073339)，这个坐标显示 “CSDN”这几个字。
QQ：383156647 欢迎大家交流学习。。急需大侠们解决！！谢谢！！
------解决方案--------------------
var path ;
var poly;
//加载地图的时候 执行下这个
var polyOptions = {
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
}
poly = new google.maps.Polyline(polyOptions);
poly.setMap(map);
//清除线是这个指令
function clear() {
var path = poly.getPath();
for (j = 0; j < 10; j++) {
for (i = poly.getPath().length; i >= 0; i--) {