头像

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

来源:http://www.shishouq.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.shishouq.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
彩81 www.507071.com-竞彩猫可以赚钱吗| www.618880.com-盛兴彩票网登录| www.899669.com-c?81彩-| www.993393.com-博彩打鱼送彩金| www.da69.com-命中中彩专栏| www.r11.shop-体彩买一注多少钱| www.69to.com-体彩高频彩害人| www.zz09.cc-体彩申请流程| www.93nq.com-公司要求平分彩票0| www.5859.in-彩票黑客预测| www.868127.com-特区彩票精彩论坛| www.969553.com-精彩音乐汇最新歌单| www.ed75.com-快三怎么返点| www.j41.net-彩8彩票官网下载| www.61bz.com-澳门赌彩网站| www.751547.com-彩票缺个小角能换将| www.32378.com-8k彩票安全吗| www.084758.com-苹果彩票下载软件| www.275687.com-快三免费的挂机软件| www.521465.com-时时彩过滤缩水软件| www.671738.com-竞彩足球混合胜平负| www.982239.com-互娱彩票靠谱吗| www.059445.com-河北快三投注速查表| www.519848.com-彩票预测靠谱的| www.53058.com-福彩举报电话| www.849331.com-全民彩票吧百度贴吧| www.953841.com-牛牛彩票-| 华彩www.71399n.com| www.mq36.com-彩票数字怎么选| www.20gu.com-中国体彩19029| www.419.pw-腾讯分分彩技巧回血| www.345173.com-棋牌彩票代理有罪吗| www.560124.com-彩宝贝走势图| www.418258.com-鼎盛国际投彩| www.588769.com-海南七星彩神算子板| www.732397.com-198彩平台登录| www.916102.com-中国体彩加盟| www.cai906.cc-中国福利彩票快3| www.w67.cn-信彩分分下载安装| www.784.tv-彩霸王1388-| www.04053.com-豪彩vip是骗局吗| www.88235.cc-彩票新政是怎么回事| www.270868.com-彩票实体店二维码| www.17494.com-网上彩票诈骗是什么| www.96515.com-海南发展彩票| www.079095.com-足球彩票竞猜规则| www.602492.com-中国福秒彩票开奖| www.708810.com-男彩票托套路| www.818925.com-绵阳福彩100万| www.898679.com-湖北快三两码遗漏| www.75441.com-竞彩之家是合法的吗| www.087790.com-聚福彩票官网| www.169944.com-11选5彩票app| www.245681.com-河北彩票网-| www.328319.com-河北体彩开奖查询| www.391844.com-体彩扑克3中奖规则| www.166591.com-中国福利彩快3查询| www.071444.com-人人竞彩官网首页| www.233946.com-333彩票平台骗局| www.347576.com-金彩网现在有人玩吗| www.499353.com-八百万彩票交多少税| www.634425.com-多赢在线彩票app| www.7264.biz-腾讯分分彩算号器| www.36619.cc-乐彩客官网-| www.84946.com-七星彩试机号今天| www.870563.com-盛大彩票注册网址| www.6429.vip-彩库苹果下载软件| www.44018.cc-凤凰彩票时时彩登入| www.024562.com-南昌市体育彩票网| www.154685.com-足彩竞猜方法| www.492490.com-新浪彩票新浪网| www.631136.com-大玩家彩票什么用| www.963442.com-邳州彩礼新规定| www.uo60.com-澳门快三导师| www.6753.top-福彩彩神通金码一胆| www.86461.com-买彩票有发财的吗| www.024364.com-分分时时彩开奖公式| www.198805.com-10选5是什么彩票| www.1074.org-邯郸体育彩票站点| www.088056.com-双赢彩票能赚钱吗| www.183870.com-快三复式中奖规则| www.269277.com-太阳彩票骗局| www.365317.com-老9乐购福彩可靠吗| www.539368.com-广东快乐十分购彩| www.677777.cc-体彩三码组六遗漏| www.818872.com-福彩中奖新闻一| www.986330.com-中国彩吧助手走势| www.90xj.com-彩13网站安全吗| www.n92.com-彩经网怎么打不开| www.030.club-体彩61玩法介绍| www.5599.hk-u9彩票登录-| www.38108.com-官方网络购彩| www.272857.com-上榜彩票-| www.365955.cc-蜡质彩铅牌子| www.507598.com-彩授三天计划| www.574102.com-中兴彩票平台真假| www.645911.com-家彩网三d开机号| www.900056.com-乐彩直播厅-| www.964004.com-上海的福彩网| 发彩www.50732z.com| www.527365.cc-时时彩票开号码| www.802146.com-网上能开彩票店吗| www.635783.com-欢林后一时时彩计划| 99彩票www.29699.com| www.860039.com-彩票网站出租| www.944798.com-百信彩是黑网| 大赢家彩票平台www.369071.com| www.296814.com-数学老师彩票| www.yd92.com-云南体彩11先5| www.35ad.com-快速赛车e赢彩| www.485.me-石家庄福彩-| www.3621.biz-体彩排三的玩法| www.8466.xyz-0050彩票-| www.33285.com-彩票行业取消高频| www.93393.cc-安徽快三走势图一| www.056682.com-哪个网站可以打彩票| www.122084.com-四川福利彩票| www.526971.com-幸运五星是彩票| www.797984.com-彩票半全场什么意思| www.071809.com-投资体育彩票前景| www.218899.cc-刷彩金很挣钱吗| www.343153.com-彩乃奈奈修女| www.759171.com-190彩票-| www.938680.com-南方双彩网首页大全| www.cp416.cc-快三156奖金规则| www.774198.com-举报私彩有奖励吗| www.936216.com-彩票平台反水比较高| www.023.red-刚力彩芽和纱荣子| www.76447.com-万优彩票下载| www.079455.com-十二生肖彩票查询| www.224301.com-快三对几个号中奖| www.341539.com-吉林快三98微信群| www.490033.com-深圳体彩11选五| www.604796.com-利奥国际彩票app| www.909738.com-玩彩人杀码-| www.997434.com-福彩自助投注机加盟| www.kj73.cc-01cc彩票-| www.46jx.com-易旺快三-| www.0948.cc-高频彩在线开奖结果| www.9926.cc-福彩丹东解太湖| www.88357.cc-玩彩票需要什么心理| www.116088.com-客彩网彩票官网| www.231303.com-湖南福利彩票25选| www.762179.com-奇门测港彩技术| www.840827.com-七乐彩可以买连期吗| www.897653.com-彩票广告词-| www.955987.com-推荐彩票计划app| 天朝彩票www.81699.cc| www.921077.com-速彩网下载地址| 500彩票www.316477.com| www.573394.cc-倍数最高的彩票网站| www.88ni.com-广西体育彩票官| www.223078.com-分分快三真的假的| www.877720.com-为啥有人做私彩代理| www.978378.com-财富彩票网计划| www.jv27.com-神彩争霸下载地址| www.66rr.cc-彩美旬果迅雷链接| www.2312.cc-七乐彩爱彩-| www.743322.com-金山彩票苹果版下载| www.468618.com-成语猜动物彩票| www.658338.cc-微信怎么玩彩票赚钱| www.002043.com-极速时时彩彩票| www.072076.com-好彩彩票下载| www.mw67.com-微彩app下载|