google map 开发(2)- 数组循环加载多个标记
来源:互联网 发布:java class类 编辑:程序博客网 时间:2024/05/22 05:20
这节内容主要讲如何用JSON数组显示多个图标
如果想看上一节内容请点击 google map 开发 (1)- 新建一个地图及标记
//创建JSON数组
var arr=[{"machine_number":"1","latitude":"39.1613","longitude":"117.2147","address":"天津"},
{"machine_number":"2","latitude":"39.904239","longitude":"116.407392","address":"北京"}];
//循环添加图标
for(var i = 0;i < locations.length;i++){
var number = locations[i].number;
var longitude = locations[i].longitude;
var latitude = locations[i].latitude;
var address = locations[i].address;
var title = '编号:' + number + '<br/>经度:'+longitude+'<br/>纬度:'+latitude+'<br/>地址:'+address;
var mylatlng = new google.maps.LatLng(latitude,longitude);
var marker = new google.maps.Marker({
position: mylatlng,
map: map
});
set_event(map,marker,title);
}
function set_event(map,marker,title){
//设置窗口显示信息
var infowindow = new google.maps.InfoWindow({
content: title
});
//注册图标事件
google.maps.event.addListener(marker,'mouseover',function() {
infowindow.open(map,marker);
});
google.maps.event.addListener(marker, 'mouseout',function() {
infowindow.close();
});
}
}
- google map 开发(2)- 数组循环加载多个标记
- google map 开发(3)- 使用library添加多个标记
- google map 开发(1)- 新建一个地图及标记
- google map加载多个Overlay内存溢出
- google map 标记添加
- [Asp.Net WinForm/Google]在Googel Map上放置多个Marker标记 /API3版
- 使用google map 标记坐标
- 百度地图加载多个标记
- 页面加载 Google Map
- 收集的2个google map示例
- android google map添加标记和TipView
- google map api3 中添加标记
- google map开发学习笔记(一)
- google map开发学习笔记(二)
- google map开发学习笔记(三)
- google map开发学习笔记(四)
- 【android】google map开发(1)
- google map开发学习笔记(一)
- 树
- poj1274 最大二分匹配
- 软件设计原则:高内聚低耦合
- poj 3616 Milking Time
- 线段树(堆式)[单点更新, 区间查询]
- google map 开发(2)- 数组循环加载多个标记
- Iphone开发(二)从helloWorld看app应用的运行轨迹和生命周期
- 海恩法则
- Android中的线程
- 做一个让人欣赏的女生
- 338
- 最大长方形
- awk 笔记之三 - 输入的处理 FS RS
- 当你扛不住的时候就读一遍