google地图多Marker 多infowindow
2013-05-05 00:18
141 查看
<script type="text/javascript">
function SetPoint() {
if (!map) return;
var liobj = $("#hidedata ul li");
if (liobj.length == 0) return;
for (var i = 0; i < liobj.length; i++) {
var point = liobj.eq(i).find("input[name='point']").val();
var mname = liobj.eq(i).find("input[name='mname']").val();
var murl = liobj.eq(i).find("input[name='murl']").val();
var des = liobj.eq(i).find("input[name='des']").val();
if (point == "") continue;
var arr = point.split(",");
if (arr.length != 2) return;
longPoint = arr[0];
latPoint = arr[1];
var lalgt = new google.maps.LatLng(longPoint, latPoint);
var mark = new google.maps.Marker({
map: map,
position: lalgt,
title: mname,
zIndex: i
});
attachSecretMessage(mark, i);
}
}
function attachSecretMessage(marker, number) {
var liobj = $("#hidedata ul li");
if (liobj.length == 0) return;
var curObj = liobj.eq(number);
var point = curObj.find("input[name='point']").val();
var mname = curObj.find("input[name='mname']").val();
var murl = curObj.find("input[name='murl']").val();
var des = curObj.find("input[name='des']").val();
var appendStr = "";
if (murl == "") {
appendStr = "<h3>" + mname + "</h3>";
}
else {
appendStr = "<h3><a href=\"" + murl + "\" target=\"_blank\">" + mname + "</a>" + "</h3>";
}
var infow = new google.maps.InfoWindow
({
content: appendStr + des,
size: new google.maps.Size(50, 50)
});
google.maps.event.addListener(marker, 'click', function () {
infow.open(map, marker);
});
}
$(function () {
initialize();
SetPoint();
});
</script>
function SetPoint() {
if (!map) return;
var liobj = $("#hidedata ul li");
if (liobj.length == 0) return;
for (var i = 0; i < liobj.length; i++) {
var point = liobj.eq(i).find("input[name='point']").val();
var mname = liobj.eq(i).find("input[name='mname']").val();
var murl = liobj.eq(i).find("input[name='murl']").val();
var des = liobj.eq(i).find("input[name='des']").val();
if (point == "") continue;
var arr = point.split(",");
if (arr.length != 2) return;
longPoint = arr[0];
latPoint = arr[1];
var lalgt = new google.maps.LatLng(longPoint, latPoint);
var mark = new google.maps.Marker({
map: map,
position: lalgt,
title: mname,
zIndex: i
});
attachSecretMessage(mark, i);
}
}
function attachSecretMessage(marker, number) {
var liobj = $("#hidedata ul li");
if (liobj.length == 0) return;
var curObj = liobj.eq(number);
var point = curObj.find("input[name='point']").val();
var mname = curObj.find("input[name='mname']").val();
var murl = curObj.find("input[name='murl']").val();
var des = curObj.find("input[name='des']").val();
var appendStr = "";
if (murl == "") {
appendStr = "<h3>" + mname + "</h3>";
}
else {
appendStr = "<h3><a href=\"" + murl + "\" target=\"_blank\">" + mname + "</a>" + "</h3>";
}
var infow = new google.maps.InfoWindow
({
content: appendStr + des,
size: new google.maps.Size(50, 50)
});
google.maps.event.addListener(marker, 'click', function () {
infow.open(map, marker);
});
}
$(function () {
initialize();
SetPoint();
});
</script>
相关文章推荐
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- google地图marker文字label添加js lib
- php的百度地图应用marker及点击事件,searchInfoWindow
- 百度地图的添加覆盖物marker和InfoWindow总结,自定义标签
- 仿去哪网酒店的地图:POI、定位、国际地图、导航、marker及其自定义infowindow
- 一个简单的marker和infowindow
- BaiduMap---百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 高德地图 amap 显示 marker和自定义的infoWindow
- 高德地图自定义Marker点击时出现的InfoWindow
- 百度地图点聚合中marker的infowindow消失的问题
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 百度地图添加marker并获取InfoWindow里面的内容,实现marker的增加、删除、编辑
- 百度地图覆盖物Marker与infoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 高德 地图sdk中,自定义弹出框(气泡,对话框,InfoWindow,Marker)