var polyline = new GPolyline([
new GLatLng(37.4419, -122.1419),
new GLatLng(37.4519, -122.1519),
new GLatLng( 37.4619, -122.1819)
], "#FF0000", 10);
map.addOverlay(polyline);这个中间部分,怎么变成数组。 。我有很多个点。
new GLatLng(37.4419, -122.1419),
new GLatLng(37.4519, -122.1519),
new GLatLng( 37.4619, -122.1819)
], "#FF0000", 10);
map.addOverlay(polyline);这个中间部分,怎么变成数组。 。我有很多个点。
解决方案 »
- 邮件预览。思路
- 在线等:C#中WebBrowser怎样使用代理啊?
- 怎么没有反应?
- sql server2005用汉字做查询条件,没有查询结果??
- 有几个关于数据绑定的问题请高手帮忙指点一下
- 刚用C#,想知道web窗体中实现打印功能的简单方法?
- 再开相同一贴请高手解决:我需要了解[ParseChildren(true)]是做什么用的
- 如何把DataSet中的内容通过循环全部取出来?
- 登陆一会就超时,要重新登陆,能否不验证超时?怎么修改?
- 在ASP.NET中用HttpPostedFile.SaveAs(FileName)方法上传文件,文件大小是否有限制?
- 真是够郁闷的,GridView的背景图片还是没有搞定
- DataList控件中得街区字符串问题
http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/overlays.html#Polylines<!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 runat="server">
<title></title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 16,
center: new google.maps.LatLng(30.575504, 104.058922),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// 这里填上轨迹的经纬坐标,或者ajax从后台读取
var trackPoints = [
new google.maps.LatLng(30.575504, 104.058922),
new google.maps.LatLng(30.575512, 104.058968),
new google.maps.LatLng(30.575520, 104.058968),
new google.maps.LatLng(30.575527, 104.058968),
new google.maps.LatLng(30.575537, 104.058968),
...
];
var trackPath = new google.maps.Polyline({
path: trackPoints,
strokeColor: "#FF0000", // 线条颜色
strokeOpacity: 1.0, // 线条透明度
strokeWeight: 2 // 线条粗细
}); trackPath.setMap(map);
}
</script>
</head>
<body onload="initialize()">
<form id="form1" runat="server">
<div id="map_canvas" style="width:1000px; height:700px;"></div>
</form>
</body>
</html>
var templatlng = '';
for (var i = 0; i < ers.length; i++) {
var templl = new GLatLng(parseFloat(ers[i].getAttribute("lat")), parseFloat(ers[i].getAttribute("lgn")));
if (i < ers.length - 1) {
templl = templl + ",";
}
templatlng += templl; if (i % 10 == 0) {
//标识
var latlng = new GLatLng(parseFloat(ers[i].getAttribute("lat")), parseFloat(ers[i].getAttribute("lgn")));
var newMarker = new GMarker(latlng);
me.startListener_(); // 启动监听
//me.map_.addOverlay(newMarker); //加载定位标识
}
}
//alert(templatlng);
//var polyline = new GPolyline([new GLatLng(30.575504, 104.058922), new GLatLng(30.575512, 104.058968), new GLatLng(30.575520, 104.058968)], "#FF0000", 5);
var polyline = new GPolyline([templatlng], "#FF0000", 5);
map.addOverlay(polyline);
[/c#]为什么没效果呢。 。。这样组合
var templatlng = '';
for (var i = 0; i < ers.length; i++) {
var templl = new GLatLng(parseFloat(ers[i].getAttribute("lat")), parseFloat(ers[i].getAttribute("lgn")));
if (i < ers.length - 1) {
templl = templl + ",";
}
templatlng += templl; if (i % 10 == 0) {
//标识
var latlng = new GLatLng(parseFloat(ers[i].getAttribute("lat")), parseFloat(ers[i].getAttribute("lgn")));
var newMarker = new GMarker(latlng);
me.startListener_(); // 启动监听
//me.map_.addOverlay(newMarker); //加载定位标识
}
}
//alert(templatlng);
//var polyline = new GPolyline([new GLatLng(30.575504, 104.058922), new GLatLng(30.575512, 104.058968), new GLatLng(30.575520, 104.058968)], "#FF0000", 5);
var polyline = new GPolyline([templatlng], "#FF0000", 5);
map.addOverlay(polyline);
为什么这样就不行呢?!
好像是 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
这句不行
下面的图就是根据你的数据用上面的代码显示出来的效果,没有问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var xmlname = "";
var cenlat = "30.575504";
var cenlgn = "104.058922";
getxmlname(); //获取xml文件名
function initialize() {
var myOptions = {
zoom: 16,
center: new google.maps.LatLng(cenlat, cenlgn),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// 这里填上轨迹的经纬坐标,或者ajax从后台读取
/*
var trackPoints = [
new google.maps.LatLng(30.575504, 104.058922),
new google.maps.LatLng(30.575512, 104.058968),
new google.maps.LatLng(30.575520, 104.058968),
new google.maps.LatLng(30.575527, 104.058968),
new google.maps.LatLng(30.575537, 104.058968)
];
*/
var trackPoints = new Array();
var xdoc = new ActiveXObject("Microsoft.XMLDOM");
xdoc.async = "true";
xdoc.load(xmlname);
var nodes = xdoc.getElementsByTagName("coor");
for (var i = 0; i < nodes.length; i++) {
if (i == 0) {
cenlat = nodes[i].getAttribute("lat");
cenlgn = nodes[i].getAttribute("lgn");
}
trackPoints[i] = new google.maps.LatLng(nodes[i].getAttribute("lat"), nodes[i].getAttribute("lgn"));
}
//alert(trackPoints);
var trackPath = new google.maps.Polyline({
path: trackPoints,
strokeColor: "#FF0000", // 线条颜色
strokeOpacity: 1.0, // 线条透明度
strokeWeight: 3 // 线条粗细
}); trackPath.setMap(map);
}
function getxmlname() {
var xdoc = new ActiveXObject("Microsoft.XMLDOM");
xdoc.async = "true";
xdoc.load('defaultmapdata.xml');
nodes = xdoc.getElementsByTagName("filename");
xmlname = nodes[0].getAttribute("name")
//alert(xmlname);
}
</script>
</head>
<body onload="initialize()" style="margin: 0px; padding: 0px;">
<form id="form1" runat="server">
<div align="center" id="map_canvas" style="margin: 0px; padding: 0px; margin-top: 4px;
margin-left: 4px; height: 760px;">
</div>
</form>
</body>
</html>