头像

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

来源:http://www.adsensegirl.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.adsensegirl.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
东京28 www.337535.com-注册送377彩金| www.32bj.com-七星彩中了四个数| www.505010.com-竞彩混合过关中奖| www.666662.cc-竞彩概率-| www.773454.com-快三庄家联系| www.918032.com-什么彩票软件送彩金| 大赢家彩票www.526411.com| www.yx88.com-如意彩票靠谱吗| www.379737.com-大盈彩票做流水赚钱| www.016628.com-网易彩票购彩| www.119240.com-广东的中国福彩网| www.212248.com-重庆时时开奖乐彩网| www.615468.com-马云彩票-| www.222157.com-福彩三地规律| www.301290.com-苹果彩票下载| www.724988.com-新浪体育彩票app| www.312088.com-亿盈幸运快三| www.l33.live-大发彩苹果app| www.447.in-天天中彩票网真实吗| www.004404.com-彩神计划软件好吗| www.160286.com-泊利彩票app| www.5857.com-跑狗玄机牛蛙彩票| www.869003.com-3号彩票网站大全| www.420281.com-彩票平台网址导航| www.556521.com-怎么举报私彩| www.657014.com-举报黑彩打什么电话| www.752763.com-玩彩大平台-| www.829855.com-体育彩票自动销彩机| www.901121.com-中国体彩报电子版| www.979944.com-手机通博彩票网| www.70wn.com-彩易网排列三在内| www.088004.com-亿彩网官网下载| www.0931.org-500彩票合买| www.135766.com-手机购彩票下载| www.020223.com-分分彩定位胆必中法| www.35673.cc-竞彩网点-| www.185515.com-易彩快三是真的吗| www.38yl.com-网上男友叫玩七星彩| www.7999.com-博彩的词语-| www.66760.com-福彩怎么兑奖| www.cp7373.com-湖湖北快三走势| www.81603.com-海南私彩梦册| www.026889.com-包赔本金彩票| www.791508.com-爱彩乐不能提现| www.971579.com-体育彩票赚钱吗| www.pw23.com-帝皇彩票下载| www.285221.com-非凡大发时时彩计划| www.683109.com-福彩3d图表大全| www.295432.com-3d彩吧迷图-| www.286629.com-台北快三正规吗| www.572666.cc-东盛彩报3d综合| www.775719.com-与彩票有关网名| www.969688.cc-彩票跳开停追| www.xx70.com-赌大小的彩票app| www.34vk.com-七星彩两期重号| www.02124.com-赌时高频彩输了三万| www.co02.com-掌上购彩三分快三| www.06do.com-德国彩铅品牌| www.344552.com-快钱彩票官网登录| www.425694.com-官方福彩中心| www.525025.com-5年以上的彩票平台| www.627817.com-足彩任选9玩法| www.868282.com-网上玩五分彩犯法吗| www.207544.com-乐彩网大发快三计划| www.624677.com-妖气网彩色本子| www.755937.com-4567彩票app| www.898988.com-浙江省体育彩票官网| www.989291.com-快3福彩代理| www.mp88.com-大发快三500彩票| www.hn09.com-上海时时彩彩票| www.359.red-彩票997-| www.949625.com-福彩3d胆码-| www.ge30.com-彩迷葫芦第-| www.15qr.com-给100万彩礼视频| www.2629.cn-一分快三大小投注法| www.663313.com-私彩代理佣金| www.755753.com-中彩网选号助手| www.838990.com-在易彩网输了好多钱| www.911505.com-网易福彩开奖| www.970937.com-福利彩票原则| 盈彩票www.266991.com| www.3574.xyz-分分彩万能公式软件| www.23548.com-福彩3d走势图正版| www.107898.com-乐彩赢0014-| www.177565.com-河南快三彩票走势图| www.769400.com-江苏彩票快三好彩| www.864080.com-235彩票网下载| www.926853.com-256时时彩票下载| www.977930.com-彩钢瓦围墙效果图| www.cp2916.com-彩票群主带计划| www.839902.com-公益体彩网-| www.132475.com-爱中彩票官网下载| www.212070.com-快三提现是真的吗| www.273921.com-福彩北京快3| www.r01.cc-体彩怎么买法| www.52ui.cc-超级彩票缩水软件| www.984570.com-彩8娱乐网站| www.bi69.com-彩票江苏快三官网| www.sf14.com-山东彩票玩转双色球| www.033758.com-以前的如意彩票网| www.71322.cc-江苏快三遗落号| www.548568.com-彩票3d开奖四天| www.623788.com-山西快三走势| www.681568.com-豪彩彩票-| www.750810.com-朋友微信叫玩中彩| www.078036.com-中福五分彩是骗局吗| www.162334.com-伪球迷买足彩胜| www.232359.com-今日中彩是真的吗| www.664789.com-这期七星彩出什么奖| www.735422.com-快三中奖了-| www.797123.com-八马彩票aqq| www.861092.com-福彩三d藏机图汇总| www.915889.com-湖北快三查-| www.967724.com-彩芽天然好奇心图片| 500万彩票www.96386w.com| www.335370.com-360体彩网官网| www.6765.xyz-江苏快三是不是黑彩| www.832827.com-黑彩快3下载| www.805895.com-福彩刮刮卡厂家| www.263852.com-初学者买彩票怎么买| www.254011.com-最稳定彩票app| www.6163.vip-国际福彩-| www.69867.com-8彩官方网站| www.53128.com-三分彩票如何看走势| www.89rj.com-竞彩实单2串一推荐| www.756952.com-全民彩票网页手机版| www.09221.com-广东移动福彩投注| www.238554.com-5亿彩骗局-| www.070880.com-688彩票网-| www.589829.com-体育彩票机开机图解| www.809058.com-老彩民快三-| 瑞彩网www.809215.com| www.7qo.com-网络彩票公司员工| www.18772.cc-128福彩官网| www.724690.com-彩票和股票哪个好| www.wd48.com-购彩吧下载-| www.002866.com-七星彩规律走势| www.166825.com-快三助手北京快三| www.325965.com-合彩王中王开奖结果| www.425605.com-网上c9彩票app| www.782196.com-最新彩彩票开奖结果| www.pg91.com-天下彩944cc| www.37jk.com-彩票摇号机原理| www.295422.com-上海体彩网开奖查询| www.58ic.com-易经占卜彩票的方法| www.b40.com-下载陕西福彩app| www.99ht.cc-竟彩258球迷| www.266099.com-快购彩票网站| www.521212.cc-百度乐彩彩票下载| www.815263.com-秒秒彩坑人-| www.921636.com-齐鲁风釆彩票| www.te.com-福彩官网-| www.72ix.com-足彩胜负14场复式| www.98ei.com-许昌盛彩滴滴| www.056615.com-合肥彩票店转让信息| www.fl12.com-彩票五行数字对照表| www.95vj.com-七乐彩走式图表| www.6578.cm-下载彩民之家| www.2274.cc-梯子游戏彩票下载| www.661115.cc-盈盈彩骗局-| www.762510.com-亚盘彩票怎么买| www.cp404.com-江苏快三网络投注| www.qh02.com-好彩蓝莓双暴击毫克| www.508767.com-宁波体彩领奖在几楼|