头像

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

来源:http://www.divorcespapers.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.divorcespapers.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
彩神APP官网 www.34rp.com-传奇彩票靠谱吗| www.08282.cc-靠谱的彩票销售系统| www.0422.vip-418彩票下载| www.024170.com-高频彩最稳倍投技巧| www.55869.com-快三245后面预测| www.186368.com-快三时间漏洞| www.45fk.com-篮球竞彩中奖结果| www.931288.com-河南彩票幸运魔方| www.398111.com-彩票2元网20选5| www.560396.com-彩41app-| www.129842.com-双色球一等奖彩民| www.661360.com-中国彩票大学| www.150796.com-最稳彩票计划赚钱| www.360059.com-海南严打私彩| www.9619.net-彩色的造句大全集| www.96nt.com-彩票的打码量啥意思| www.9998.bid-福彩3d数字阵| www.rx46.com-如何安装中彩网| www.784598.com-zc559众彩网| www.911381.com-湖北快三选号图| www.978241.com-彩钢板成都-| www.hz4.com-快三屠龙规律技巧| www.pj38.com-彩票计划大全| www.hn17.com-好彩36开奖结果| www.57je.com-大乐斗彩票开奖| www.907226.com-体彩装b神器| www.cai8008.com网上快三怎么玩稳赚| www.32qj.com-我想搜福利彩票| www.055005.com-彩票平台大全送彩金| www.193568.com-南洋彩开奖现场直播| www.49.cx-四平体彩中心地址| www.18984.com-快三跨度投注| www.087552.com-云彩厅彩票-| www.515328.com-哪里买七星彩| www.022660.com-淘宝广西快三一定牛| www.777670.com-166cp彩票-| www.876915.com-七乐彩销售时间| www.966762.com-宝马彩票可以玩吗| www.nv45.com-福彩五行八卦九宫图| www.14na.com-3d字谜双彩网老开| www.0130.loan-彩色算颜色的词语吗| www.51325.cc-彩票站竞猜靠谱吗| www.029613.com-利赢国际彩票下载| www.95921.com-福彩考试资料大全| www.ss25.com-东方一分彩开奖直播| www.502786.com-多彩投类似的平台| www.16724.cc-福利彩票有几种类型| www.657424.com-2元彩票网首页| www.105733.com-时时彩中奖助手苹果| www.327989.com-福彩形态-| www.08yg.com-99好彩票-| www.355559.com-竞彩比分交税吗| www.910778.com-k彩福地登录| www.cs26.com-时时彩平台是真的吗| www.wc88.com-qq彩票在哪里| www.161001.com-北京福彩咨询在哪里| www.89du.com-搜索福彩3d-| www.7028.biz-福彩7星彩-| www.2378.in-七彩山鸡蛋报价| www.001719.com-彩吧网福彩分析预测| www.390731.com-创彩网是什么意思| www.55td.com-体彩十一运夺金网站| www.5618.net-u9彩票网安卓下载| www.023907.com-河内五分彩官网| www.532587.com-彩虹羽泉杨九郎| www.345125.com-体彩排列5直播| www.413287.com-彩色沥青路面| www.522390.com-天天赢彩票是真的吗| www.588189.com-七星彩高手论坛头尾| www.655332.com-彩投网app下载| www.716193.com-澳洲时时彩免费计划| www.787288.com-福建体彩即乐彩| www.862745.com-七彩乐结果-| www.923983.com-买彩票是看运气吗| www.974481.com-体彩昨晚开奖号| 大赢家彩票平台www.802837.com| www.86192.cc-500万彩票网页版| www.639934.com-东方彩票1343| www.892532.com-彩帝彩票ios| www.997125.com-福利彩票快3预测| www.62ml.com-乐彩网排三技巧| www.3708.cm-休彩排列三-| www.82614.com-奥博彩票apk| www.237854.com-北京快三公平吗| www.34565.com-篮彩大小分稳赚技巧| www.629098.com-手机分分彩app| www.35wp.com-怎么举报8亿彩| www.92ei.com-喜力彩票计划师| 全民彩票www.513.vip| www.254931.com-彩68下载-| www.424799.com-彩票九辅助-| www.626301.com-时时彩胆码对应码| www.730186.com-彩尊彩票官网| www.890060.com-花生彩票能玩吗| 68彩票www.68689x.com| www.522468.com-51彩虹下载-| www.609419.com-彩票天下233c| www.669678.com-体育彩票.com| www.739899.com-彩友吧论坛-| www.806307.com-体彩大乐透模拟投注| www.878273.com-国彩彩票网站| www.942002.com-大小倍投方案快三| 博亿彩票www.664by.com| www.062916.com-手机怎么买福彩3d| www.089085.com-台北快三真假| www.188566.com-爱彩乐手机版| www.266617.com-河北快三豹子6| www.797022.com-哪个网上可以买彩票| www.605353.com-彩票机选有用吗| www.095299.com-湖南彩票1.59亿| www.181269.com-足球彩票app大全| www.688571.com-体育彩票电话投注| www.y60.top-正彩彩票手机版下载| www.320099.com-龙彩居士体彩排三胆| www.89989.com-七星彩摇奖结果| www.182382.com-河南福彩快3彩票| www.288329.com-爱乐彩11选五辽宁| www.91lj.com-萌蔻q彩小馒头| www.4736.vip-买彩票不给钱人跑了| www.05103.com-福利彩票怎么代理| www.288783.com-江苏快三倍投技巧| www.x41.net-今晚福彩票中奖现场| www.026509.com-利记博彩规律| www.mm3.com-上海快三兑奖规则| www.397160.com-五福福彩网站| www.211821.com-安徽彩票十一选五| www.9203.loan-卖一注彩票挣多少钱| www.283168.com-六星彩-| www.282513.com-稳定的时时彩平台| www.04316.com-吉林快三出号规律| www.708345.com-彩票争霸邀请码| www.799037.com-中福彩传媒3d| www.880961.com-网上黑彩平台哪个好| www.949267.com-张社会彩票微信群| 彩票大家乐www.21202b.com| www.397297.com-彩票2019期-| www.355975.com-彩gg腾讯分分彩| www.181274.com-青海快三走势走势图| www.312176.com-热门的彩票app| www.434702.com-贵州省福彩双色球| www.7392.cn-下载正规的c彩61| www.665432.cc-机选七乐彩新浪彩票| www.750358.com-开开心心彩票网论坛| www.865069.com-快三稳定心得体会| www.912233.com-新彩计划软件| www.748888.com-苏州老快三开奖结果| www.879310.com-福州彩票-| www.373380.com-凤凰彩票链接| www.bb93.com-江西快三预测与推荐| www.498133.com-辛运彩票直播| www.14uq.com-本日福彩三d谜语| www.5168.site-韩国快三官方| www.272306.com-怎么玩快三才能赚| www.981303.com-竞彩官电脑版| www.2sj.com-体彩竞彩一注多少钱| www.7290.com-微信彩虹表情符号| www.32975.com-苏州体育彩票| www.979127.com-旋子彩画分布图| www.20xb.com-怎样投诉彩票站| www.81684.com-快三中多少钱| www.163214.com-易彩娱乐客户端下载| www.307381.com-湖南体彩网-| www.pn75.com-湖北精彩10分规则| www.952412.com-时彩平台-|