头像

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

来源:http://www.yh-opto.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.yh-opto.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
彩票2元 www.339475.com-爱乐透彩票专业分析| www.519879.com-网上赌彩票赢了| www.833833.cc-晚晚好彩下载| www.940571.com-飞鱼彩票技巧攻略| 天天彩票www.2373e.com| www.jo48.com-套彩金犯法吗| www.07om.com-彩迷是不是骗人的| www.067510.com-自己怎么搭彩票网站| www.177672.com-江苏快三计划网页| www.270238.com-567彩票官网| www.605159.com-加国无忧彩票中心| www.770864.com-湖北快三中大奖| www.854939.com-新彩飞扬清洁剂| www.928484.com-湖北快三肖立刚| www.985957.com-时时彩是几点到几点| www.jh68.cc-发彩网快三-| www.04gv.com-彩铅画蓝色玫瑰教程| www.688145.com-广东省体彩中心官网| www.793610.com-贵州快三最新预测| www.878539.com-乃蒙快三助手下载| www.949289.com-香港电脑彩八肖图| 红鹰彩票www.hy6933.com| www.880724.com-怎么开私彩-| www.973626.com-双色球彩票能折吗| www.fu2.cc-台湾时时彩开奖结果| www.05fr.com-百事乐彩票网址| www.85ee.com-七喜手游彩票| www.2550.live-百度彩票手机版下载| www.8658.in-五洲彩票平台网址| www.62276.cc-体彩大赢家预测| www.80314.com-快三群犯法吗| www.110000.com-六会彩资料大全下载| www.8031.vip-十字彩网址多少| www.51151.com-众购彩票入口导航| www.028346.com-博友彩登录官网| www.108510.com-传影和彩影-| www.027798.com-彩票是不是都是骗局| www.130547.com-快彩王是什么情况| www.226958.com-彩客网首页-| 中彩网www.91233y.com| www.ms04.com-中国快三网是哪的| www.860915.com-体彩站点编号查询| www.81395.com-昨天的彩票中奖号码| www.077986.com-众盈彩合法正规吗| www.238963.com-五亿彩票网安全吗| www.409755.com-亿菲彩票官方网站| www.806159.com-大连精彩彩票| www.969349.com-梅州彩票中奖新闻| www.pj84.cc-彩票如何赚钱| www.57vh.com-美国大学彩票| www.2383.cn-上海福彩15选5| www.9801.me-七星彩19014期| www.96657.com-各地彩票案-| www.225466.com-谁有微信彩票群| www.330970.com-快三屠龙最多几个字| www.456928.com-158彩票网计划| www.624958.com-a2彩票-| www.212422.com-私彩大平台-| www.308996.com-南洋彩开奖网站| www.422827.com-育休彩票-| www.527011.com-时时彩自动投注模式| www.675406.com-官方彩票之免费资料| www.775394.com-彩富网资料大全正版| www.881334.com-幸运中彩票app| www.977793.com-内蒙古快三购彩| www.cai9033.com彩票开奖大厅| www.qh11.com-好彩四味爆珠| www.7rk.com-别人送的彩票中奖| www.kp1.cc-快乐十分快三助手| www.xy04.com-01彩票-| www.171975.com-福彩快乐10分| www.310518.com-山东体育彩票论坛| www.448471.com-亿客隆彩票-| www.657340.com-中国竞彩网冠亚军| www.754186.com-彩经网工具箱| www.954086.com-彩票结果查询| www.lw0.cc-体彩排列三走势图表| www.c22.shop-博友彩票怎么样| www.835133.com-好彩双爆焦油| www.927289.com-韩国彩票网快三| www.987750.com-仲彩平台加入| www.gj26.com-一分钟快三骗局| www.0572.cc-3d预测玩彩老头| www.425262.com-2019足彩任九| www.564153.com-东方亮彩招聘普工| www.3388.in-下载苏宁易购彩票| www.10944.com-南京市省体彩中心| www.942878.com-南宁福彩大厦| 幸运彩票www.luck886.com| www.777135.com-友宝彩票-| www.908128.com-网上彩票下载| www.984754.com-彩运网是黑网吗| www.jz22.cc-新2彩票x22cc| www.18hq.com-易彩票趋势图表| www.7792.org-俄罗斯彩蛋的意义| www.39485.com-70彩票用户注册| www.299152.com-六开彩开奖结果開| www.422900.cc-福彩11期推荐号码| www.624739.com-33彩票-33cc| www.748485.com-时时中彩96086| www.309595.com-买体彩七位数的技巧| www.985963.com-体彩p3丹东全图| www.831374.com-中彩票公司要求平分| www.329726.com-南洋福利彩开奖结果| www.502908.com-类似口袋彩票| www.352763.com-淘彩吧论坛百度知道| www.440849.com-大发快三隐藏规律| www.683812.com-恒溢彩票app| www.eg22.com-福建官方体彩网| www.411573.com-竞彩2串1哪个靠谱| www.537956.com-福彩诈骗-| www.41321.com-速赢彩是不是骗人的| www.059249.com-大发快三微信群| www.531777.com-十年前彩票中奖号码| www.210844.com-吉林体彩网址| www.55165.com-安卓彩票缩水软件| www.166154.com-福彩5d-| www.319678.com-七星彩查询历年号码| www.488590.com-喜彩彩票网-| www.655007.com-小辣椒七星彩软件| www.488027.com-竞彩足球赔率表| www.pz52.cc-132彩票手机版| www.5318.biz-彩民推出新粤彩| www.62442.com-彩票中奖指南霍华德| www.373337.com-快三二同号一注多钱| www.702875.com-体彩竞足球比分直播| www.988914.com-818彩票软件下载| www.de49.com-福利彩票一共几位数| www.7hq.com-铁西彩票店-| www.029006.com-重庆时肘彩开奖宝典| www.118028.com-体彩e球彩开奖公告| www.665080.com-香港精准彩霸王| www.856898.cc-gc国彩投注网下载| www.913281.com-体育彩票什么叫复式| www.16333.cc-福彩今天开奖公告| www.213595.com-彩神xapp-| 500彩票www.401269.com| www.569185.com-青海体彩中奖情况| www.858942.com-下载彩票开奖信息| www.699850.com-富余彩票网-| www.852274.com-5分彩不定位胆| www.966130.com-福彩3的中奖结果| www.216395.com-马来西亚彩票开奖| www.590353.com-竞彩14场开奖奖金| www.948701.com-微信带玩江苏快三| www.53kv.com-买十年彩票-| www.9161.vip-体彩店一般到几点| www.083361.com-福彩动物总动员| www.240003.com-彩神8下载手机版| www.496992.com-福彩双色球中一个| www.696079.com-今日竞彩身价| www.927975.com-时时中彩票官网手机| 大赢家彩票平台www.815055.com| www.zt54.com-预测彩票最准的软件| www.1374.cc-福彩中心现任主任| www.23113.cc-彩票单双怎么算| www.006553.com-幸运彩票官方网站| www.861461.com-qq腾讯彩票-| www.458777.com-海南四星彩网站| www.584722.com-18k彩金吊坠| www.24121.com-乐彩论坛网首页| www.062084.com-好彩客是否正规| www.385595.com-ll彩票坑死我了| www.635706.com-彩70官网app|