头像

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

来源:http://www.bjbrkh.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.bjbrkh.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.683856.com-玖玖网彩票-| www.900571.com-彩吧p3图谜第二版| www.929661.com-七星彩杀头杀尾| www.t29.bid-体彩复式计算器| www.9037.loan-cba体彩官网| www.68883.com-算卦能算出彩票吗| www.gw38.com-体彩预测专家| www.j34.net-青海福利彩票开奖| www.7599.cm-福彩3d天吉分析| www.32002.com-彩票开奖时间几点| www.78612.cc-新昌双彩农家乐| www.019239.com-2688彩票-| www.379971.com-彩票私盘违法| www.563317.com-中彩app靠谱吗| www.620258.com-釉中彩和釉下彩区别| www.691102.com-李小五足彩博客| www.010995.com-快三倍数计算| www.093609.com-快频彩应该怎么玩| www.185897.com-时时彩官方网站| www.257237.com-彩票开挂-| www.553263.com-石家庄体彩网点| www.fz41.com-福利彩票发行中心| www.9si.com-体育彩票所有玩法| www.654943.com-彩票3分钟一把| www.805718.com-彩吧网预测总汇| www.897027.com-88彩票官方网站| www.972995.com-最老版彩库宝典下载| www.cp7765.com-福利彩票双色球开奖| www.7576.org-外围足彩赔率| www.49797.com-足彩app外围| www.032078.com-可靠彩票平台| www.123369.com-彩票追号能中奖吗| www.187434.com-内蒙古快三遗漏号| www.293733.com-赛车彩票骗局| www.369966.cc-酷彩铸铁锅菜谱| www.489009.com-3d彩图专辑-| www.422545.com-周春勇彩票书| www.420504.com-足彩金手指app| www.025550.com-电脑内蒙快三| www.010330.com-彩票分析预测下一期| www.109678.com-彩客网北单比分直播| www.186741.com-快三胆拖复式表| www.8110.cm-彩票领奖时间限制| www.41870.com-中国彩吧网站下中国| www.80585.cc-彩票机投放-| www.5156.top-彩票追加一注多少钱| www.726779.com-西安彩票机申请| www.943322.com-博众时时彩软件论坛| www.395289.com-南京体彩兑奖地址| www.613836.com-九龙呈祥六开彩结果| www.774399.com-七星彩中奖查询计算| www.921721.com-神彩软件是真的假的| 天天彩票www.106316.com| www.43576.com-快三第一门户下载| www.019086.com-利彩彩票-| www.495701.com-3d通博彩免费版| www.855426.com-新浪福彩历吏| 易彩网www.686pp.com| www.93cb.com-好好彩票-| www.6514.cn-体彩即开彩票返点| 乐彩网www.866509.com| www.11rd.com-体彩亚洲杯的玩法| www.73zk.com-彩店宝停运-| www.36005.cc-彩票iphone-| www.35761.cc-尧眉八彩舜目重瞳| www.90585.com-彩友多店铺号| www.334460.com-天天彩选四上海开奖| www.518700.com-乐盈彩票苹果版| www.767516.com-广东褔彩快乐十分| www.942611.com-广西双彩-| www.cp806.cc-k彩-| www.086343.com-海南时时彩官网开奖| www.235321.com-318彩票-| www.923001.com-惠民彩票计划| www.27628.com-中国红彩票规则| www.00gh.com-照样子写句子彩虹像| www.304238.com-彩票app计划软件| 幸运彩票www.5095y.com| www.178613.com-彩乐乐网址-| www.330907.com-彩票解码器靠谱吗| www.503886.com-万豪国际彩票网址| www.726285.com-快三老千-| www.883857.com-新博瑞彩票幸运快三| www.cai0009.com快三玩法技巧| www.f76.com-101亿彩票-| www.118.la-彩票倍投还是平投| www.7749.com-彩票跟投骗局| www.578479.com-彩票助赢软件打不开| www.715729.com-306官方彩票官网| www.825321.com-七星彩精彩6十1图| www.670106.com-福彩三d今日谜语| www.812231.com-3d专家预测新彩吧| www.936258.com-苏州体育彩票店转让| www.cp0101.com-1分钟彩票app| www.yr85.com-彩久彩票是不是骗局| www.052858.com-手机购彩大发快三| www.218170.com-吉林严查黑彩| www.333301.com-彩票开奖起7星彩| www.456233.com-彩票贪-| www.638153.com-宜州足彩店电话| www.806358.com-今日彩中彩-| www.937227.com-易彩民彩福地| 500彩票www.957588.com| www.wp88.com-江苏快三遗漏号码| www.57wz.com-洛阳市彩票店| www.01128.com-福彩3d无错条件| www.18828.cc-687彩票网-| www.978829.com-雷语好彩一预测| www.855073.com-中奖彩票故事| www.227971.com-彩票走势图表格| www.753962.com-彩票彩宝贝下载| www.872423.com-贵阳福彩中心地址| www.8912.cn-体彩七位数开奖历史| www.82fp.com-盈彩在线-app| www.375688.com-彩金宏辉-| www.095880.com-在哪里可以买彩票| www.322179.com-123彩票官方网| www.500012.cc-仙游时时彩停了吗| www.619018.com-山东省体育彩票兑奖| www.733283.com-今天彩票中奖号码| www.889280.com-王者彩票下载| www.976080.com-彩礼吉利数-| www.mu08.com-彩票121期走势图| 计划网--杏彩代理-| www.7187.org-有分分彩的论坛吗| www.184518.com-湖北快三今日推荐号| www.446662.com-彩票软件平台哪个好| www.999832.com-好彩1技巧方法| www.76908.com-大牌彩票贴吧| www.637696.com-彩虹六号免费加速器| www.561876.com-内蒙行快三形态| www.650066.com-博彩骗局在国外| www.752550.cc-安微快3彩票是什么| www.861353.com-彩金龙虎游戏机图| www.964994.com-快乐彩票红包雨| www.av69.com-怎么分析彩票走势图| www.ff94.com-福利彩票机对外转让| www.50bx.com-新浪胜负彩开奖奖金| www.465008.com-天佑竞彩是啥| www.607119.com-彩票客户端版本过低| www.240364.com-中国彩吧-| www.466624.com-七乐彩销售截止| www.606652.com-彩票群微信群| www.732796.com-…江苏体彩网| www.844729.com-足彩单关有什么技巧| www.947102.com-银川福彩转让信息| www.03ap.com-酷彩提现不了怎么办| www.7210.vip-怎样买黑彩-| www.8900.in-七彩乐开奖-| www.57994.com-东西湖彩箱包装| www.hu77.com-买足球彩票app| www.5sk.com-英国彩票的税| www.023984.com-海外足彩-| www.21522.cc-福彩手机短信投注| www.439418.com-福彩够三网真的假的| www.133164.com-彩钢棚做法详细图| www.251211.com-彩8怎么下载链接| www.805722.com-体育彩票种类有哪些| www.174108.com-玩快三群里个个赢钱| www.66046.com-京东彩票安全吗| www.023592.com-福彩22-| www.433876.com-大乐透中奖彩票站| www.567683.com-彩宝网福彩走势图| www.640622.com-大乐透图迷与彩民乐|