头像

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

来源:http://www.kzkyy.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.kzkyy.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
江苏快3 www.606229.com-江苏体彩十五选五| www.476814.com-蚂蚁彩票my-| www.20740.com-竞彩足球进球数购买| www.281171.com-时时彩和值尾怎么算| www.462207.com-福彩3b天气网| www.580190.com-重生买彩票小说| www.132610.com-彩色压模混凝土路面| www.232597.com-中彩网正规| www.08869.com-福彩作假主任领奖| www.59519.cc-3d福彩最新预测| www.051823.com-彩票3d字谜-| www.171198.com-彩票开奖查询结果表| www.20218.cc-彩票人为控号| www.333553.cc-坚持买彩票-| www.448191.com-盛兴彩票网1| www.14iy.com-福彩三d杀码| www.353617.com-彩票直播在线观看| www.425720.com-乐彩网3d下载| www.346968.com-南方双彩网走势首页| www.544916.com-彩票软件告别死工资| www.661731.com-竞彩八串一的经验| www.776147.com-lb快乐彩技巧| www.870782.com-4亿彩票-| www.970132.com-3d牛彩官网-| www.cai8344.com彩票昨晚开奖号码| www.tv03.com-快三预测软件苹果版| www.15wp.com-体育彩票机额度| 中华彩吧www.5027.com| www.103705.com-半打好彩人一动物| www.608234.com-三d专家预测新彩吧| www.304678.com-福利彩票第35期| www.447606.com-中央彩票公益金用途| www.097043.com-采摘网牛材网彩摘吧| www.503119.com-北京快3福彩自助| www.224211.com-uu直播彩票-| www.341189.com-拉萨福利彩票店| www.292863.com-福彩开奖中奖规则| www.8422.xyz-爱彩彩网下载| www.076111.com-褔建体彩31选7| www.22if.com-华军软件园bb彩票| www.176823.com-彩票群-| www.543432.com-云乐彩票网站骗充值| www.98ss.com-盛彩官网-| www.025974.com-快三魔图-| www.004009.com-足彩比分推荐分析| www.448577.com-彩票预测微信公众号| www.130495.com-快三计划套路| www.231467.com-藏宝阁4s彩票| www.365170.cc-华人福星彩网站| www.472477.com-够力基金彩开奖| www.365600.com-彩铅名画图片| www.484772.com-程序员中彩票| www.010093.com-体彩手机在线大管家| www.507375.com-贵州快三和图表| www.984819.com-乐八彩票靠谱吗| www.t55.top-湖北彩票中奖彩王| www.437518.com-福彩流水单是什么| www.833744.com-福彩平台是骗人的吗| www.161100.com-易博彩票安全吗| www.123497.cc-双彩网开奖查讯| www.226731.com-极速快三在哪里开奖| www.317081.com-中华彩票网专家预测| www.724401.com-买彩票中大奖的惨状| www.876360.com-福彩3d推荐断组| 8816彩票www.8816t.com| www.678297.com-手机乐彩论坛首页| www.666145.com-有没有玩彩票挣钱的| www.061173.com-好彩客把我害惨了| www.hu19.com-全民快三是真是假| www.835873.com-中彩那天课文续写| www.930573.com-足球众彩专家汇总| www.989490.com-福彩双色球四幻球| www.ed97.com-百姓娱乐彩票| www.135990.com-早上买彩票中大奖| www.078937.com-牛彩彩票-| www.663791.com-七彩乐怎样兑奖| www.652034.com-买博彩违法吗| www.817922.com-时时彩票战神计划| www.918854.com-澳门博彩税-| www.979635.com-玩时时彩送彩金| www.dn77.com-中彩票app下载| www.sv76.com-大学生玩彩票| www.04gd.com-高中绘画作品彩铅| www.72mm.com-约彩365是真的吗| www.972842.com-竞彩网电脑触屏版| www.er35.com-安徽省快三推荐号| www.48852.com-贵州体彩网迟丽颖| www.819488.com-好彩客彩票| www.789775.com-竞彩足球怎么找客户| www.372229.com-帮别人搭建彩票| www.333214.com-彩友网官网-| www.cp766.com-中国快三网登录| www.mk14.com-体育竞彩足球app| www.218179.com-吉林快三代理| www.333818.com-体彩怎么玩法介绍| www.28636.cc-买彩票与炒股一样吗| www.179756.com-福彩网是骗局嘛| www.027621.com-广东体彩36选7| www.088817.com-彩票套利赚钱度贴吧| www.812110.com-福彩双色球往期回顾| www.881579.com-苹果手机博彩app| www.9277.online福彩怎么提现| www.52469.com-足彩任九投注推荐| www.652496.com-梦见中奖的彩票号| www.766710.com-快三是真的-| www.72976.cc-湖南福彩开奖号码| www.335845.com-购买体育彩票| www.087666.com-福彩好运十倍黑幕| www.518055.com-牛彩网开奖公告| www.93gg.com-全彩本子里番大全| www.27851.cc-3cp上彩网-| www.94776.com-化妆品彩妆店铺名字| www.101770.com-重庆大发一分钟彩票| www.830007.com-澳门博彩足球比分| www.418952.com-哪个网站可以买竞彩| www.07648.com-五百彩下载-| www.850034.com-分分彩计算-| www.948624.com-体彩专家预测号| 乐彩赢www.0014r.com| www.113.hk-上一次彩票中奖号| www.552428.com-彩票16用户登录| www.ba58.com-安徽快三跨度一定牛| www.968935.com-澳门的软彩金手镯| www.340678.com-彩票牛彩网彩| www.222848.com-用手机买彩票怎么买| www.348711.com-二元彩网排五走势图| www.174141.com-地区快三-| www.292823.com-体彩排列三最新中奖| www.948692.com-彩票资金分配| www.080006.com-彩票中1万要交税吗| www.659291.com-彩票开奖查绚| www.140202.com-足彩加app下载| www.018941.com-好用彩票app下载| www.862.cm-彩36彩票-| www.9397.online彩票客服是做什么的| www.419347.com-手机玩彩票软件下载| www.481926.com-体育彩票兑换期限| www.381.live-彩发发官网下载| www.25661.cc-中国体育彩票远程| www.780255.com-算彩票神器-| www.693832.com-体彩官网下载软件| www.789050.com-竞彩任九推荐| www.581817.com-879彩票app-| www.657022.com-彩票二维码怎么扫| www.719678.com-七星彩辅助-| www.783938.com-乐彩彩票不能提现| www.837714.com-大乐透唯彩看球杀号| www.891353.com-快三代理利润多少| www.950181.com-非法经营彩票罪量刑| www.986704.com-竞彩篮球奥客网| www.8153.biz-信彩彩票官方app| www.324223.com-7彩骗局-| www.675222.com-竞彩规则改变| www.427293.com-足彩加苹果下载流程| www.304466.com-彩票123官网| www.697021.com-官方彩票网站有哪些| www.868058.com-南国体彩4十1| www.928616.com-旺彩11选5软件| www.980473.com-广西体育彩票app| 万彩网www.wcp666888.com| www.gx01.com-百盈快三骗局揭秘| www.vt76.com-湖南彩民论坛| www.04ri.com-彩色铅笔画画图片| www.535573.com-彩票中奖的人多吗|