分享个谷歌地图API实现多标签(多marker),带分页
来源:互联网 发布:数据库可视化工具acce 编辑:程序博客网 时间:2024/06/05 00:22
我自己做的还是带分页,
代码很多,不全贴了,有问题可以问我。
<script type="text/javascript" src="http://www.eju.com/js/global/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
<script type="text/javascript">
var map;
var map1;
var lat = <%= modShop_Info.MapX%>;
var lng = <%= modShop_Info.MapY%>;
var latlngs = new Array();
var shopsname = new Array();
var latx = new Array();
var lngy = new Array();
var myLatLng = new google.maps.LatLng(<%= modShop_Info.MapX%>,<%= modShop_Info.MapY%>);
var shopsMarkerArray = new Array();
var myLatLngArray = "<%=this.latlngs%>";
var shopsnameArray = "<%=this.shopsname%>";
latslngs = myLatLngArray.split('*');
shopsname = shopsnameArray.split('*');
var markersArray = [];
var windowArray = [];
function showshops(){
var shopsDiv = document.getElementById('mapcanvas1');
map1 = new google.maps.Map(shopsDiv,{
center: new google.maps.LatLng(lat,lng),
zoom:13,
mapTypeId:google.maps.MapTypeId.ROADMAP
});
setMarkers(map1,latslngs,shopsname);
}
function setMarkers(map1,latslngs,shopsname){
for(var i = 0;i<=<%=this.lengh%>;i++){
var shopsnames = shopsname[i];
var shoplatlngs = latslngs[i];
latx = latslngs[i].split(',')[0];
lngy = latslngs[i].split(',')[1];
var mylatlngs = new google.maps.LatLng(latx,lngy);
var marker = new google.maps.Marker({
position:mylatlngs,
map:map1,
title:shopsnames
});
}
}
//删除叠加层
function deleteOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
markersArray.length = 0;
}
}
//关闭信息提示窗口
function closeWindows() {
if (windowArray) {
for (i in windowArray) {
windowArray[i].close();
}
}
}
function show(results){
parent.deleteOverlays();
windowArray.length = 0;
for (var i = 0; results && i < results.length; i++) {
showOne(results[i]);
}
}
function showOne(){
var infowindow = new google.maps.InfoWindow({
content: result.html
});
var marker = new google.maps.Marker({
position: mylatlng,
map: map
});
markersArray.push(marker);
windowArray.push(infowindow);
google.maps.event.addListener(marker, 'click', function() {
closeWindows();
infowindow.open(map,marker);
});
}
google.maps.event.addDomListener(window, 'load', showshops);
</script>
- 分享个谷歌地图API实现多标签(多marker),带分页
- google map api v3 不带marker图标的标签(infobox.js)
- google地图多Marker 多infowindow
- 百度地图API删除指定marker
- javascript高德地图实现点击marker消失marker
- 百度地图添加多个marker,给marker添加多个信息窗口
- 百度地图API-地图标注(Marker)用法说明
- 高德地图API开发应用-----地图显示+定位+marker
- 百度地图给多个marker添加右键菜单(删除、更新)
- 『实践』百度地图给多个marker添加右键菜单(删除、更新)
- 百度地图创建多个marker和监听事件
- 如何区分多个百度地图marker的点击事件
- 百度地图多个Marker点自适应屏幕
- Android百度地图(多个marker的点击事件)
- 实现百度地图marker类平滑移动
- 百度地图API 循环向 marker 添加 click事件
- 百度地图 API 制作OverLay 覆盖物以及Marker
- android 百度地图API 使用Marker和InfoWindow
- 初识vb数据库最常用的两个对象(ADO Recordset 和 ADO Connection)
- California Mathmetics-G6-Ch1
- 新浪微博系统 Xweibo v1.1.1beta 免费版Xweibo-Xweibo 软件系统简介(PHP+MYSQL)
- poi 操作excel 生成超链接
- php中gd库作图函数
- 分享个谷歌地图API实现多标签(多marker),带分页
- OpenGL ES 模型视图之缩放操作
- Chapter 7 Functions
- 位运算符
- Android 获取汉字拼音
- 腾讯2012实习生西安地区笔试题
- 为什么你还不好起来
- 开发者专用!高通Android平板高售1299美元!
- 解决IE6、IE7、IE8、Firefox的CSS兼容性问题