头像

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

来源:http://www.huoseo.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.huoseo.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.8830.top-123彩票计划| 大赢家彩票平台www.186371.com| www.6hx.com-1688时时彩网| www.se42.com-分分时时彩计划龙虎| www.3614.cm-连红彩票没了| www.422196.com-高彩网特马吧| www.289507.com-78彩票推荐人账号| www.365531.com-手机购彩我的账户| www.470299.com-乐彩网玄机图3d| www.562785.com-无需本金的彩票| www.53cl.com-福彩公告结果| www.160250.com-182彩票-| www.266554.com-福彩3d玩法详解| www.231594.com-哪个彩票软件最正规| www.326268.com-彩宝彩票有安卓版| www.449598.com-导师教你买彩票包赔| www.8778.top-福彩中心主任贪污| www.60607.cc-云南十一选5爰彩乐| www.010370.com-河北福彩试机号今天| www.082050.com-郑州彩色纸箱厂家| www.232701.com-重庆实时彩app| www.355876.com-体彩三d开奖结| www.305979.com-买彩票中500万| www.029006.com-重庆时肘彩开奖宝典| www.131046.com-林州彩礼价目表| www.218397.com-吉林快三盘有鬼吗| www.291653.com-私彩吧-| www.775696.com-福彩都包括什么彩票| www.4823.cc-福彩3d八卦独胆| www.3962.biz-ck彩客网跟单| www.57167.com-lb快乐彩-| www.293828.com-九千万彩票大发快3| www.382957.com-最正规彩票在哪买| www.053882.com-盛世彩票-| www.900429.com-赢彩app下载| www.00aa.com-优购彩下载地址| www.5603.cc-h5彩票定制-| www.177970.com-手机买彩票正规软件| www.388681.com-重庆时时彩稳赚公式| www.322069.com-福彩快三计划神器| www.3432.cn-下载易网彩票网开奖| www.69417.com-神州乐彩靠谱| www.79600.com-福彩3d牛材网首页| www.310330.com-长春市体育彩票中心| www.259713.com-怎么在手机上买彩票| www.096601.com-南昌福彩兑奖中心| www.av00.com-微信快乐彩可靠吗| www.1399.in-福彩中奖等级| www.240098.com-安卓彩票计划| www.429094.com-鹰彩-| www.704400.com-亚洲彩票网涉嫌诈骗| www.877286.com-刮刮乐彩票中奖技巧| www.999696.cc-长沙彩票店-| www.tm60.com-东北人玩的福彩| www.37zy.com-彩铅画水滴详细教程| www.52718.com-彩73下载-| www.260398.com-彩票是赌博吗| www.370345.com-鑫鸿彩票能提现吗| www.520768.com-体彩绝杀六码| www.826121.com-手机建站彩票站| www.928270.com-高频彩app排名| www.999665.com-福彩3今天怪字神图| www.sn18.com-精准彩票预测网| www.62dh.com-十二生肖彩票怎么玩| www.4592.cc-买彩票怎么加倍| www.00411.com-任选3中奖规则福彩| www.578050.com-一分彩开奖记录| www.691031.com-足彩北欧四狗| www.771404.com-体彩任三开奖结果| www.861848.com-体彩将号-| www.933745.com-快彩是国家官网吗| 彩82www.c1669.com| www.689109.com-天天彩票平台| www.192433.com-买彩票的最佳时间| www.560244.com-吉林快三同号遗漏| www.1916.website时时彩组6怎么追号| www.8986.bid-凤凰彩票的老板| www.94007.com-体彩中央调查| www.081017.com-快三网投-| www.901041.com-东北彩礼-| www.982240.com-三六零彩票-| www.mt5.cc-内蒙快三app| www.ua52.com-双色球彩票用语| www.576942.com-兰州福利彩票中奖| www.693220.com-六爻测彩票最准取数| www.792040.com-福彩中心胡雅清| www.930565.com-快三一般多久出豹子| www.gg70.com-快三秒奶茶官网| www.uv2.com-马来西亚彩票可靠吗| www.234054.com-福彩三d复式投注表| www.947215.com-体彩高频会取消吗| www.865262.com-体彩实体店的app| www.701743.com-1305彩票特邀| www.199618.com-河北省福彩快三| www.30fb.com-建筑风景彩铅画| www.415.net-网上买彩票输了想死| www.975247.com-今天中奖彩票号码| www.io7.cc-内蒙古福彩官网| www.04468.com-彩票微助手下载安装| www.357707.com-企业员工中彩票真假| www.183782.com-上海福彩快3今天| www.4118.cc-彩虹的重力小说番外| www.20329.com-新浪爰彩下载安装| www.565464.com-网络代打彩票分红| www.366758.com-海口福利彩票营业厅| www.328760.com-免费申请领取彩金| www.718261.com-山东体彩客户端| www.809062.com-排列三开机号乐彩网| www.891033.com-至尊彩首页-| www.958429.com-七星彩二字现比率| www.cp0110.com-大发快三基本走势图| www.58592.com-自制彩票缩水软件| www.025607.com-陕西省福彩兑奖流程| www.132994.com-哪里买足彩-| www.bq50.com-799彩票送彩金| www.zv90.com-博彩众什么-| www.81dt.com-福铭彩票app| www.567448.com-彩虹七号游戏配置| www.647889.com-四川省中国体育彩票| www.755752.com-旺彩全国开奖| www.w48.cn-百乐彩安卓版下载| www.585729.com-快三爱彩乐开奖| www.088222.cc-599彩票苹果版本| www.680222.com-体彩十一选五新规则| www.233009.com-中福快三平台| www.139450.com-百福彩是正规的吗| www.351990.com-体彩竞彩一注多少钱| www.678152.com-彩名堂软件计划下载| www.03nr.com-中信彩票大厅| www.79od.com-以前中彩票的号码| www.2051.net-手机怎么看彩虹台| www.128829.com-大发快三坑人不| www.72343.com-大奔驰彩票官网| www.562971.com-体彩三位数开奖| www.44qd.com-福彩3d魔图分布图| www.110332.com-福彩双色球走势囹| www.22582.com-九州彩票下载| www.074868.com-福彩3d耕读看号| www.7cl.com-武汉做体彩的公司| www.11gn.com-景德镇新彩陶瓷历史| www.6337.top-七星彩网站投注| www.506269.com-福彩三d图谜图总汇| www.696636.com-快三平台论坛| www.798008.com-七星彩专家下期预测| www.875563.com-乐博彩票官方| www.947215.com-体彩高频会取消吗| 易彩网www.12455z.com| www.my42.com-彩票2元网app| www.s33.org-福彩河北快三| www.17232.cc-昆明网络彩票诈骗| www.71377.cc-彩票端快3-| www.786252.com-彩票只有体彩福彩吗| www.507667.com-内蒙古七星彩| www.2711.shop-解读彩票-| www.s53.me-朋友叫我玩吉彩| www.772870.com-爱投网彩票怎么样| www.is33.com-福利彩票手机投注站| www.369226.com-福彩贪1360亿| www.019806.com-网易彩票可以赚钱吗| www.365866.com-自学彩铅画的书| www.zz17.cc-嘉定区体彩中心电话| www.82vw.com-新浪足彩必发| www.877350.com-彩专家网址-| www.361935.com-248彩票平台真假|