头像

百度地图显示10个以上的标注点实例【原创

来源:http://www.weijinfan.com/php/3284 24***4k 2017-12-06 21:15浏览(4160) 收藏

不必再为百度地图api限制标注点的数量数量而烦恼了,几行js代码轻松搞定!
百度地图显示10个以上的标注点实例
分类:PHP > 统计图+地图 难易:中级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 2 下载资源 下载火币: 20 火币
解压文件直接打开即可
var doch = $(document).height() - 95;
var taddress = '';
taddress = '银川市';
var map = new BMap.Map("map-container");//在container容器中创建一个地图,参数container为div的id属性;
map.centerAndZoom(taddress, 5);                //将point移到浏览器中心,并且地图大小调整为15;
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.MapTypeControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.enableScrollWheelZoom();//启动鼠标滚轮缩放地图
map.enableKeyboard();//启动键盘操作地图
setTimeout(function() {
    $.each([{"short_name": "\u6807\u6CE8\u70B9", "address": "\u4E91\u5357\u7701\u6606\u660E\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5E7F\u4E1C\u7701\u5E7F\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u798F\u5EFA\u7701\u798F\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u53F0\u6E7E\u7701\u53F0\u5317\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u56DB\u5DDD\u7701\u6210\u90FD\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u65B0\u7586\u4E4C\u9C81\u6728\u9F50"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u91CD\u5E86\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5170\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u94F6\u5DDD\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u90D1\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5357\u4EAC\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u6D4E\u5357\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5317\u4EAC\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u54C8\u5C14\u6EE8\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u6C88\u9633\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u547C\u548C\u6D69\u7279\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5927\u8FDE\u5E02"}], function(index, item) {
        var iadd = item.address.substr(0, 32);
        $.getJSON('http://api.map.baidu.com/geocoder/v2/?address=' + iadd + '&output=json&ak=DYaq3yBlOfNVjYmedl31HEbU&callback=?',
                function(data) {
                    var lng = data.result.location.lng;
                    var lat = data.result.location.lat;
                    var point = new BMap.Point(lng, lat);
                    var myIcon = new BMap.Icon("/Front/Public/images/MarkerIcon.png?v=20161129", new BMap.Size(10, 10), {
                        offset: new BMap.Size(5, 10), // 指定定位位置  
                        imageOffset: new BMap.Size(0, 0) // 设置图片偏移  
                    });

                    var aaa = new BMap.Marker(point, {icon: myIcon});
                    map.addOverlay(aaa);
                    aaa.setZIndex('1');
                    var bbb = new BMap.Label(item.short_name, {offset: new BMap.Size(-24, -40)});
                    bbb.setStyle({height: '46px', color: '#fff', lineHeight: '46px', borderRadius: '26px', padding: '0px 6px', zIndex: '-1', background: '#b4a078', background:'rgba(180,160,120,0.9)'});
                    aaa.setLabel(bbb);
                }
        );
    })
}, 500)
标签: 百度地图
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.weijinfan.com/php/3284.html
最新交易
评论39
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 38楼
    05-01 07:27
    hm***10
    这个很不错,先留着慢慢看
  • 头像 37楼
    04-25 08:56
    yu***赫赫
    下载下来看看,,看起来还不错。
  • 头像 36楼
    03-13 15:29
    ***
    真是啥都有啊 最近正在照这个东西
  • 头像 35楼
    02-23 20:22
    He***ck
    这个就很不错了看起来很实用的样子
  • 头像 34楼
    02-05 10:18
    ha***xi
    这个有用的到的地方,下载下来看看
  • 头像 33楼
    02-05 08:30
    仿***者
    感觉好溜溜溜啊 正是我这几天需要的 要学习
  • 头像 32楼
    01-29 14:50
    u_***78
    有空了学学他调用百度地图
  • 头像 31楼
    01-26 11:03
    无***语
    百度地图还可以这么玩啊,膜拜大神。
  • 头像 30楼
    01-21 22:12
    西***侠
    看来很好用,下载下来看看
  • 头像 29楼
    01-16 11:14
    xi***ng
    这个是不是调取定位的,不过看样子好好用的样子,我看看下载
1 2
彩票群 www.81xn.com-彩通网三地-| www.6299.wang-3d黑苍蝇彩报图| www.1320.vip-七星彩开奖新浪表| www.047955.com-3d数字彩票投注通| www.594166.com-西安三彩家骗局| www.708023.com-西甲竞彩预测| www.803930.com-搜索足彩必发指数| www.237740.com-竞彩足球比分彩客网| www.356121.com-彩票算法真的靠谱吗| www.471133.com-中国体育竞彩胜平负| www.889912.com-彩票123官方下载| www.981409.com-时时彩返点怎么设置| www.2275.vip-腾讯分分彩开奖数据| www.t05.net-可以跟单的彩票软件| www.7360.in-海南七星彩在哪买| www.42422.com-彩天下免费资料大全| www.68877.com-选彩票有规律吗| www.72yb.com-足彩亚盘基础知识| www.38fw.com-338322快彩-| www.4251.com-甘肃体彩助手安卓| www.12356.com-体彩足球竞彩预测| www.954467.com-浙江体彩网彩票| www.dy1.com-快三输了几万| www.8jc.cc-爱彩靠谱吗-| www.62115.cc-苹果xr原彩写码| www.296595.com-安徽十一选五彩票| www.mb23.com-快三官方-| www.037116.com-k8彩票app-| www.54568.cc-陕西时时彩走势图表| www.kw67.com-七天彩快3-| www.698228.com-浙江省体彩征召| www.83099.com-七星彩开奖是几点钟| www.cp7772.cc-快彩是正规的吗| www.vn80.com-上海福彩网资讥| www.58nj.com-老赖中彩票被冻结| www.673901.com-我的彩票app| www.785113.com-购彩计划软件| www.865520.com-彩票好中奖么| www.943811.com-234彩票平台官网| www.990560.com-爱彩网app下载| www.ce72.com-彩票合买平台租用| www.uy28.com-时时彩胆拖怎么买| www.32rj.com-新粤彩100论坛| www.717.cx-彩票兼职被骗了咋办| www.4799.cc-彩虹六号过审时间| www.03710.cc-怎么能戒掉买彩票| www.ha81.com-彩99是正规彩票吗| www.33269.cc-如何开设彩票网站| www.lf39.com-购彩网登录平台登录| www.t26.com-湖北彩票大奖| www.533012.com-彩票实战讲座第一节| www.369620.com-8号彩票论坛新网站| www.507194.com-浙江体彩机选| www.068359.cc-赢彩计划软件下载| www.135379.com-互动彩票平台| www.220761.com-博众彩票娱乐| 500万彩票www.48wcp.com| www.4571.top-彩票大雁计划网| www.01686.com-首存50送58彩金| www.33107.com-今日彩票一分钟| www.79636.com-新彩吧图谜第一版| www.049978.com-体彩五走势图带连线| www.135029.com-大发快三亿博计划| www.627106.com-双彩论坛怎么打不开| www.90ph.com-网络彩票定性| www.93328.cc-海南彩票七星彩开奖| www.61vj.com-福彩排列三今天预测| www.td82.com-快乐彩开奖号码预测| www.37uf.com-福彩快3彩票ios| www.753155.com-中国彩吧网站下中国| www.841520.com-彩票内部人员改单| www.he8.com-爱彩乐手机版| www.rv80.com-一定牛彩票软件下载| www.25vd.com-山东体彩彩票大管家| www.034.site-中兴彩票不给提款| www.3431.vip-诺亚彩票安全登录| www.377858.com-彩票咋看中奖| www.556576.com-福彩双色球怎样选号| www.637296.com-彩六租号-| www.709234.com-腾讯分分彩杀号方法| www.796976.com-彩博国际-| www.871069.cc-解福彩3b太湖字谜| www.955354.com-凤凰彩票辅助器| 中彩网www.2408e.com| www.19255.cc-网易彩票怎样兑奖| www.50184.com-体彩举报电话| www.136719.com-彩票站怎么盈利| www.52695.cc-七彩网彩票-| www.275129.com-分分彩假-| www.2962.com-竟彩计算器固定奖金| www.83ew.com-彩印去哪里设置| www.9424.vip-彩票冷热遗漏查询| www.71787.cc-大乐透彩票领取时间| www.088136.com-亿理亿彩网-| www.660065.com-七星彩梦码书| www.790408.com-姓名选号彩票大乐透| www.298477.com-辽宁快三一共多少期| www.561079.com-开网站卖彩票挣钱吗| www.34167.com-500彩票时时彩| www.79566.com-福彩十五选5开奖| www.370312.com-竞彩直球比分| 彩票500万www.319075.com| www.556549.com-体彩和福彩双色球| www.848496.com-加州时时彩走势图| www.ed31.com-网络彩票代理| www.q91.com-网购彩票顺口溜| www.90np.com-彩票开奖机器原理| www.282111.cc-七乐彩杀一码| www.316208.com-够力七星彩奖表开奖| www.807257.com-旧彩票有回收的吗| www.942284.com-投注彩票兼职是真的| 乐彩赢www.0014t.com| www.22638.cc-极彩娱乐登录平台| www.718234.com-中国体彩客户端| www.837076.com-一定牛足彩下载| www.857018.com-多盛彩票-| www.939527.com-福彩快三计划网站| www.997483.com-快开彩票怎么买的| www.cc85.cc-赢彩吧大发快3网址| www.8814.me-彩神好喷绘机速度快| www.712923.com-手机发送短信买彩票| www.791522.com-京东快三彩票| www.931912.com-中彩首席导师金振国| www.983994.com-518彩登录-| www.cp6686.cc-内蒙古快三选号技巧| www.17gu.com-彩鸾归令平仄格律| www.647.cm-苹果7有原彩吗| www.248522.com-9福建体彩十一选五| www.288176.com-大乐透彩票投注大厅| www.776498.com-腾讯时时彩规律口诀| www.821461.com-彩圣字谜总汇330| www.905167.com-江苏快三高手讨论群| www.956525.com-合乐彩票app| www.994148.com-炫彩之剑-| www.143355.com-易经测彩票-| www.26155.cc-彩虹羽泉歌曲| www.604810.com-网澳客彩票-| www.675378.com-幸福彩彩势分析| www.768404.com-免费彩铃-| www.877107.com-体彩福彩速查表图| www.942713.cc-2元彩票中奖| www.989528.com-天天中彩官网登录| www.cp5034.com-吉林快三技巧顺口溜| www.b88.wang-好彩彩票平台怎么样| www.74wv.com-地下六仺彩152期| www.292599.com-易彩堂599tcc| www.292897.com-彩票砍龙神器| www.346099.com-彩福网最新码报结果| www.559858.com-收藏彩票-| www.ww69.com-微彩彩票平台登录| www.400554.com-亿彩报警-| www.6549.xyz-福彩三d稳赚方法| www.530236.com-时时彩怎么定胆精准| www.771002.com-腾讯分分彩和值计划| www.188806.cc-内蒙快三今天预测| www.707271.com-赢彩专家-| www.799910.com-龙之彩是不是黑平台| www.879383.com-彩票快三的开奖结果| www.09ni.com-彩生活信息化平台| www.072050.com-彩票店怎么都关门了| www.848435.com-每日竞彩二串一推荐| www.909997.com-下载福彩22开奖| www.975401.com-时时彩选好的方法| www.955.club-现在哪个彩票最好|