头像

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

来源:http://www.nazlibakht.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.nazlibakht.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.522550.com-福彩鬼六神算子字谜| www.522948.com-彩票首冲-| www.502032.com-体彩排三于海滨预测| www.598373.com-体彩大乐透36期| www.678645.com-下载彩云天气| www.757893.com-竞彩宝典-| www.829766.com-百盈彩票怎么玩| www.899591.com-福利彩票刷流水| www.965142.com-干博彩吵群怎么炒的| 大赢家彩票网www.544096.com| www.59zm.com-买体彩排列三妙招| www.844007.com-彩票中奖喜报图| www.8sj.cc-福彩欢乐生肖开奖| www.78oh.com-什么脸型中彩票| www.2096.in-竞彩受注赛程| www.25744.com-彩虹是什么意思网络| www.562883.com-天天体彩网-| www.1by.com-361vip彩票-| www.961820.com-新浪福彩-| www.53sl.com-遵义市体彩中心地址| www.705001.com-众乐彩票提现| www.806263.com-699彩票是骗局吗| www.897748.com-多彩贵州网考试| www.973505.com-彩虹宝宝兔叨叨| www.ba.cc-安徽快三复式买法| www.33hy.com-粤海七星彩票论坛| www.018898.com-湖北福利彩票抉3| www.103803.com-体彩排列五图表| www.180340.com-大发快三是否合法| www.345373.com-vr彩票开奖助手| www.430311.com-足彩历史开奖数据| www.237119.com-足彩竞彩开奖| www.396253.com-徐州体彩周六兑奖吗| www.538637.com-福彩网赚钱是真的吗| www.752659.com-合乐彩票登陆| www.949845.com-福利彩票极速3d| www.fw46.com-福建福彩快3规则| www.60xt.com-下载3d彩票走势图| www.325181.com-4位数字是什么彩票| www.39qz.com-七星彩搬家码| www.525519.com-彩票服务器多少钱| www.028562.com-体彩七位数走势图| www.7528.shop-500彩票终端机| www.39172.cc-中彩网怎样玩更赚钱| www.5640.in-网恋时时彩诈骗| www.23114.cc-网上彩票猜大小| www.69706.com-下期预测定位七星彩| www.005120.com-体彩排三开奖| www.263862.com-彩票老师带赚| www.33308.cc-俄罗斯快三查询| www.044494.com-高频彩直播源| www.027568.com-重庆五分彩官方平台| www.a34.net-足彩十四场投注经验| www.wl97.cc-爱彩乐登录-| www.90mi.cc-博彩公司利记返还率| www.18761.com-手机彩票33下载| www.123497.cc-双彩网开奖查讯| www.56815.cc-时时彩前三杀一码| www.266510.com-一分快三开奖官网| www.737731.com-日本彩票开奖网址| www.73dx.com-可信的彩票网站制作| www.882265.com-彩票性缘34下| www.xb12.com-海南南国七星彩论坛| www.ou68.com-北京快三开奖规律| www.8051.loan-水彩创意绘画| www.874701.com-彩票怎么开店| www.297591.com-v9彩票-| www.457900.com-福体彩今日字迷| www.569901.com-重庆时时彩几点始| www.256363.com-人人彩票官网| www.287600.com-欧冠足彩网上怎么买| www.qt90.com-彩票案于海最终结果| www.331382.com-彩票2元中奖故事| www.40nj.com-新婚姻法彩礼多少钱| www.65iq.com-足球竞彩彩票网站| www.wu12.com-彩票送彩金平台| www.964859.com-168彩票7168| www.234168.com-安徽福彩中心官网| www.651970.com-重庆时时彩万位计划| www.890006.com-nba篮彩推荐微博| www.yh49.com-分分快三怎么看和值| www.469698.com-葫芦娃论谈香港彩票| www.78924.com-福彩3d图书-| www.23wn.com-彩票有私人开的吗| www.0029.online中彩票后很低调| www.10278.com-体彩足球单关走势图| www.013201.com-特特区彩票-| www.021774.com-中国有多少家彩票店| www.089122.com-吉林快三半顺规律| www.200450.com-彩票走势图双色球| www.283951.com-属龙买彩票最佳时间| www.414933.com-三分钟跑马彩票平台| www.172127.com-福彩5d没了-| www.69322.com-网络黑彩怎么举报| www.947399.com-中国彩吧3d-| 彩票大家乐www.21202o.com| www.236524.com-彩票规律分析| www.522286.com-彩票店名字大全| www.587697.com-易彩娱乐福地| www.764433.com-足球4场进球彩对阵| www.838280.com-成都彩钢围挡价格| www.900341.com-如何去彩票店买彩票| www.963830.com-6701彩票导航| 凤凰彩票www.77802n.com| www.fr41.com-中国福利快乐彩| www.vw22.com-v9彩票-| www.08fd.com-6加1彩票走势图| www.558037.com-香港博彩堂免费精选| www.628391.com-新彩软件下载| www.577589.com-七星彩预测头尾| www.670798.com-福彩3d好用的软件| www.737216.com-彩票开奖结果双色球| www.55ap.com-青蛙彩青蛙彩| www.619050.com-重庆体彩票兑奖地址| www.690334.com-胜负彩历史开奖数据| www.3702.win-海南七星彩交流论坛| www.9329.online大马彩彩票马来西亚| www.672789.com-七星彩预测大师| www.740618.com-澳博彩票下载安装| www.802639.com-3d的彩界小少爷| www.767067.com-广东彩票软件| www.861873.com-下载qq彩票-| www.929524.com-七星彩从几选到几| www.979410.com-缅甸好彩双爆一包| www.ak10.com-网上彩票骗局揭秘| www.3409.pw-网名图标大全炫彩| www.067.cn-手绘彩铅人物| www.kg73.com-新彩票网走势图| www.1400.vip-网络福利彩票代理| www.46276.com-福利彩票票样| www.ia76.com-彩票坊是真的假的| www.29yc.com-今晚的彩票中奖号码| www.379.date-彩票指南双色球诗谜| www.3013.top-5050彩-| www.893609.com-双色球彩票大师| www.974104.com-彩民在线双色球| www.cai7311.com今日河北快三| www.801070.com-中彩网开奖结果报码| www.418129.com-盛大彩票是真的吗| www.jy24.com-天天彩票-| www.081045.com-大乐透彩研师| www.266265.com-三分快三开奖记录| www.681668.com-彩票算法统计| www.748886.com-手机上怎么购彩| www.817690.com-时时彩走势助手| www.908071.com-俄罗斯1分彩的计划| www.954896.com-彩票跑马计划| E彩堂www.43818.com| www.01qd.cc-彩虹桥客栈-| www.sl64.com-机选一注时时彩| www.242355.com-立体彩铅画图片大全| www.658631.com-七星彩当前遗漏| www.713155.com-可靠的手机彩票软件| www.777202.com-够力七星彩下载软件| www.854148.com-pp彩票如何下载| www.918690.com-u9彩票绿色版| www.966879.com-综艺福彩app| 8816彩票www.8816g.com| www.703387.com-彩票816软件| www.802413.com-福利福彩双色球| www.926602.com-瑞祥祥云彩票技巧| www.cx66.com-时时彩哪个网站正规| www.12ru.com-好彩香烟口味| www.610832.com-华夏彩票黑钱|