头像

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

来源:http://www.fivestrongblog.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.fivestrongblog.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.163776.com-山东体育彩票扑克牌| www.319383.com-代玩幸运快三| www.417929.com-彩票双机店转让| www.518962.com-网络彩票开售时间| www.587277.com-彩票平台漏洞刷钱| www.659974.com-七星彩号码筛选软件| www.731984.com-中国最大的彩票论坛| www.802506.com-百万彩登录官网| www.874463.com-新浪分分彩计划| www.964670.com-今日竞彩新浪爱彩| 大赢家彩票平台www.278206.com| www.ja05.com-快三稳定微信群| www.zp64.com-足彩佬牛最新解盘| www.31ce.com-3位数彩票开奖查询| www.279.cm-彩妆高档品牌| www.493983.com-808彩吧计划| www.590908.com-开体彩销售点| www.671442.com-免费下载万彩吧| www.750427.com-宁德体育彩票网点| www.824399.com-50万彩票-| www.911113.com-k彩测速线路| www.974339.com-五分快三投注站| www.cp2121.com-分分时时彩技巧| www.pb05.com-福彩3d预测今天| www.4nu.com-丹麦快乐彩计划| www.82aj.com-七星彩牛材网| www.08060.com-彩票中奖梦境| www.41rg.com-七星彩画图软件| www.187099.com-北京快三中奖金额| www.47op.com-南宁体育彩票中心| www.696038.com-足彩奖金计算公式| www.804066.com-竞彩猫收费贵吗| www.887376.com-下彩彩票官网下载| www.972186.com-怎样买体彩选号码| www.cp7665.com-彩票破解软件手机版| www.365949.com-七星彩今日预测| www.922159.com-彩礼钱一般给多少| www.999741.com-699彩票官网| www.id56.com-黑龙江福彩22选5| www.236968.com-足彩310视频直播| www.nd2.com-河南快三豹子号预测| www.49198.com-大乐彩-| www.245777.com-河北福利彩票双色球| www.355924.com-网络彩票输光了| www.443709.com-三分时时彩下载软件| www.527188.com-体彩电脑版-| www.693125.com-买彩网站-| www.782616.com-快三秒胶水百科| www.867333.com-体彩排三怪字神贴| www.939510.com-今日头条彩票推荐| 金彩网www.jcai0.com| www.dc83.com-足彩分析师从业认证| www.hm21.cc-中彩国际是骗局吗| www.25og.com-东方华彩集团谢茂全| www.930818.com-彩生肖图-| www.990593.com-彩票通软件下载| www.ds32.com-亿彩网址-| www.279306.com-分分时时彩官网下载| www.538043.com-彩票国彩快3| www.669956.com-海南博彩龙头股票| www.739160.com-中国长城彩票| www.804713.com-万博时时彩源码下载| www.872164.com-遵义彩票中奖| www.931660.com-快中彩票app下载| www.986149.com-杨震足彩推荐更新| www.qn.com-怎么买快三赚钱| www.lh78.com-中彩彩票用户注册| www.f71.net-福彩3d太阳红谜语| www.82877.cc-大奖彩票机子能兑| www.85wu.com-安阳体育彩票网| www.51tm.com-竞彩比分波胆赔率| www.132607.com-彩票结果公告| www.252608.com-中彩网靠不靠谱| www.314408.com-彩票足球竞彩| www.382014.com-创名彩票app| www.506871.com-非凡彩票安全吗| www.099824.com-快彩可以相信吗| www.86356.cc-男子疯狂买彩票| www.7140.biz-时时彩怎么可以赚钱| www.9788.wang-中国彩票彩吧助手| www.557070.com-vr彩票是什么平台| www.664982.com-七乐彩近期开奖| www.739449.com-77彩票ios-| www.803483.com-体彩61玩法规则| www.868927.com-快彩王在哪下载| www.928877.com-中福彩票众赢导师| www.977766.com-彩印纸箱设备多少钱| www.878885.com-陕西省体彩中心地址| www.bc04.com-喜乐彩玩法-| www.081067.com-彩票中奖有规律吗| www.10jn.com-下载全民彩票开奖| www.461556.com-体彩排列三怎么玩| www.548608.com-第九彩票官网下载| www.612968.com-彩票每日首存上| www.685328.com-福彩3d神彩通| www.781594.com-凤凰彩票平台手机版| www.874833.com-拉菲彩票下载| www.64wq.com-万字软件万能大马彩| www.6656.cn-分分彩九码必中公式| www.625166.com-乐彩网七乐彩预测| www.686967.com-彩票长龙统计网站| www.751724.com-开心彩票app下载| www.809636.com-彩票组合生成器| www.871584.com-利彩彩票平台| www.925982.com-深圳试行区块链彩票| www.974489.com-福彩开奖号码今天的| 博友彩www.193629.com| www.9829.in-体彩站怎么投诉电话| www.uu.com-中国体彩网首页| www.011082.com-牛蛙彩票天下| www.110425.com-3d福彩网上购买| www.181719.com-江苏快三彩票开奖| www.317235.com-体彩9-| www.22ib.com-体育彩票1360亿| www.123615.com-河北福彩排七| www.193821.com-中彩论坛香港资料| www.903733.com-万豪彩票下载| www.980495.com-百盈快三哪个软件好| www.iq.com-038彩票真实吗| www.sv75.com-九宫测彩法-| www.16ma.com-福彩37期-| www.80mw.com-菲律宾500彩集团| www.866165.com-易迅彩票怎么没有了| www.934708.com-彩之源平台怎么下载| www.981288.com-彩票照假-| www.fc14.com-三分快三计划网页版| www.910302.com-福彩图-| www.972295.com-七星彩彩票结果| www.lp.com-彩客网即时比分| www.la54.com-八亿彩下载-| www.c40.org-网络快三彩票骗局| www.50uz.com-福利彩票三d试机号| www.428732.com-彩虹伞教案反思| www.09356.cc-鸿彩快三是真的吗| www.52625.com-七彩神仙鱼-| www.019499.com-今日体彩排列三字谜| www.095000.cc-彩票pc蛋蛋外围| 爱彩乐www.754918.com| www.nw43.com-印尼5分彩官网| www.15uf.com-亿乐彩注册-| www.wp69.com-3d直选杀号彩经网| www.906886.com-买彩票怎么买法| www.971829.com-湖北制造假彩票案| www.cp7955.com-快三万能四码图片| www.085098.com-星空彩票手机app| www.197391.com-华人彩票—官方网站| www.939121.com-699彩票-| www.983589.com-华宇彩票平台怎么样| www.hc46.com-彩八彩票合法的吗| www.wl27.cc-全能中彩是不是真的| www.3767.com-彩33彩票-| www.20177.cc-爱彩网主页-| www.66229.cc-梦到自己中彩票| www.034061.com-高频彩票开发| www.109330.com-金利网彩票-| www.482896.com-福彩3d实时-| www.018069.com-71彩是正规的么| www.731436.com-彩神软件论坛| www.807779.com-中彩福彩票-| www.867380.com-七星彩大师定头尾| www.911077.com-彩神计划app下载| www.975362.com-男方不给彩礼心态| TT彩票www.686783.com| www.937377.com-彩福大厦-|