baidu-map2
来源:互联网 发布:徐老师淘宝店的地址 编辑:程序博客网 时间:2024/06/07 02:50
<div class="banner3"></div>
<div class="fb_3" style="min-height:982px;position:relative;z-index:1;">
<div id="allmap" style="min-width:1100px;min-height:980px">
</div>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
function strToJson(str){
var type = typeof str;
//防止重复转换
if(type == 'object'){ //如果已经是JSON对象了,就不转换、原样返回
return str;
}else{
return jQuery.parseJSON(str);
}
}
map.addControl(new BMap.MapTypeControl());
map.enableScrollWheelZoom(true);
// 编写自定义函数,创建标注
function addMarker(point, opts){
//创建 图标
var icons = new BMap.Icon("__PUBLIC__/images/map_icon2.png",new BMap.Size(30,47));
//创建 marker,但不添加到地图上
var marker = new BMap.Marker(point, {icon:icons});
var infoWindow = new BMap.InfoWindow(contents, opts); // 创建信息窗口对象
marker.addEventListener("click", function(){
map.openInfoWindow(infoWindow,point); //开启信息窗口
});
map.addOverlay(marker);
}
var data = '{$re}';
//var dataS = JSON.parse(data);
var dataS = strToJson(data);
if( dataS[0].lng ){
//有数据、以第一条数据的 经纬度 画点
//var point = new BMap.Point(dataS[0].lng, dataS[0].lat); // 创建点坐标
var point = new BMap.Point(113.637098,34.754674); //中国地图中心点
map.centerAndZoom(point,6); // 初始化地图,设置中心点坐标和地图级别。
}else{
//无数据、默认是 北京市-故宫博物院
var point = new BMap.Point(116.387452, 39.947302); // 创建点坐标
map.centerAndZoom(point,10); // 初始化地图,设置中心点坐标和地图级别。
}
$.each(dataS, function(key, value) {
var point = new BMap.Point(value.lng, value.lat);
//contents=value.img;
contents="cotent";
var opts = {
width : 420, // 信息窗口宽度
height: 200, // 信息窗口高度
title :"<div style='margin:0 0 5px 0;padding:0.2em 0;font-size:18px;'>"+value.name+"<div style='display:inline;margin-left:10px;font-size:10px;color:Peru;'>"+value.supplier+"</div></div>",// 信息窗口标题
enableMessage:false,//设置允许信息窗发送短息
message:""
};
addMarker(point,opts);
});
</script>
<div class="fb_3" style="min-height:982px;position:relative;z-index:1;">
<div id="allmap" style="min-width:1100px;min-height:980px">
</div>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
function strToJson(str){
var type = typeof str;
//防止重复转换
if(type == 'object'){ //如果已经是JSON对象了,就不转换、原样返回
return str;
}else{
return jQuery.parseJSON(str);
}
}
map.addControl(new BMap.MapTypeControl());
map.enableScrollWheelZoom(true);
// 编写自定义函数,创建标注
function addMarker(point, opts){
//创建 图标
var icons = new BMap.Icon("__PUBLIC__/images/map_icon2.png",new BMap.Size(30,47));
//创建 marker,但不添加到地图上
var marker = new BMap.Marker(point, {icon:icons});
var infoWindow = new BMap.InfoWindow(contents, opts); // 创建信息窗口对象
marker.addEventListener("click", function(){
map.openInfoWindow(infoWindow,point); //开启信息窗口
});
map.addOverlay(marker);
}
var data = '{$re}';
//var dataS = JSON.parse(data);
var dataS = strToJson(data);
if( dataS[0].lng ){
//有数据、以第一条数据的 经纬度 画点
//var point = new BMap.Point(dataS[0].lng, dataS[0].lat); // 创建点坐标
var point = new BMap.Point(113.637098,34.754674); //中国地图中心点
map.centerAndZoom(point,6); // 初始化地图,设置中心点坐标和地图级别。
}else{
//无数据、默认是 北京市-故宫博物院
var point = new BMap.Point(116.387452, 39.947302); // 创建点坐标
map.centerAndZoom(point,10); // 初始化地图,设置中心点坐标和地图级别。
}
$.each(dataS, function(key, value) {
var point = new BMap.Point(value.lng, value.lat);
//contents=value.img;
contents="cotent";
var opts = {
width : 420, // 信息窗口宽度
height: 200, // 信息窗口高度
title :"<div style='margin:0 0 5px 0;padding:0.2em 0;font-size:18px;'>"+value.name+"<div style='display:inline;margin-left:10px;font-size:10px;color:Peru;'>"+value.supplier+"</div></div>",// 信息窗口标题
enableMessage:false,//设置允许信息窗发送短息
message:""
};
addMarker(point,opts);
});
</script>
阅读全文
0 0
- baidu-map2
- map2
- map2
- baidu
- Baidu?
- baidu
- baidu
- baidu
- baidu
- 220.map2-百度地图api使用
- ng Baidu Baidu Baidu ang
- BAIDU代码
- baidu试题
- baidu笔试
- baidu笔试
- Baidu搜索
- epoll baidu
- baidu笔试
- ZOJ1027-Human Gene Functions(dp)
- 如何在Windows Server 2012启用或关闭Internet Explorer增强的安全配置
- Linux下sublime 无法输入中文的解决
- 优先队列的模板和定义
- 最会戴帽子的关键字-----extern
- baidu-map2
- webpack构建react应用三:使用webpack Loaders 模块加载器(一)
- 二维数组指针,二维数组作参数函数调用简单实例(c/c++)
- zTree应用实例详讲(3)
- 自定义HttpMessageConverter
- QT之QFile
- Java多线程____线程状态Sleep()方法
- 初探Architecture Components之Lifecycle
- 淘宝MySQL地址