头像

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

来源:http://www.acadencasa.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.acadencasa.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.za78.com-春秋彩票官网| www.008396.com-更多精彩小视频| www.983114.com-盈彩吧登录-| www.314755.com-七彩西游记-| www.197624.com-重庆体彩快三走势图| www.374944.com-36体彩走势图| www.26xk.com-福彩3d走势图报纸| www.99980.com-大优彩票平台注册| www.943522.com-w彩票平台登录| 500彩票www.66653l.com| www.215933.com-七星彩奖表图| www.343442.com-78彩票怎么注册| www.454641.com-皇冠国际博彩可靠么| www.563209.com-大正彩翼官方网| www.15284.com-彩票倍投计算器软件| www.7003.vip-天天彩票优惠大厅| www.676125.com-订婚彩礼返还的案例| www.693062.com-大发彩票邀请码| www.6784.vip-7彩app下载-| www.37319.com-香港皇家彩-| www.92056.com-丰彩彩票安全吗| www.013511.com-七星彩昨天的图纸| www.087026.com-福运彩票官网| www.152402.com-旺彩百家双色球预测| www.cp839.com-福彩快三app| www.907162.com-国外官方彩种平台| 大赢家彩票平台www.197620.com| www.zo89.com-赢钱彩-| www.71zx.com-大乐透彩票新闻故事| www.25274.com-大星彩票走试图| www.12cf.com-中国彩是什么| www.i41.website彩票大全开奖器| www.696175.com-3d南方双彩网| www.uh54.com-快乐彩玩法与奖金| www.218125.com-玩彩票哪个平台好| www.li57.com-中彩彩票邀请码三地| www.203389.com-快乐彩作弊-| www.852068.com-博弈310足彩博客| www.984762.com-青海福彩中心地址| www.kt21.com-内蒙古快三结果查询| www.39363.com-豪彩投是什么| www.445922.com-彩票代销证没在了| www.715062.com-7728彩票骗局| www.881243.com-808福彩合法吗| www.992889.com-快三二同号有多少| www.ul07.com-七星彩神算子彩图| www.088.space-3d走势图彩宝贝| www.7437.loan-福彩中心宗旨| www.008161.com-新浪彩票最新开奖| www.980454.com-彩玲下载-| www.237.red-极速彩票秒开奖| www.971285.com-7星彩中奖查询| www.94072.com-福彩宣传语-| www.218310.com-分分快三app下载| www.297896.com-快三稳定心得| www.359185.com-七星彩电脑找规律| www.33428.cc-海南竞彩-| www.cp5669.com-中彩网快三-| www.633022.com-七彩官方网-| www.533193.com-七星彩2个一样| www.736865.com-招行彩票-| www.938771.com-足彩胜负彩新浪爱彩| www.833791.com-中国网易彩票直播间| www.991286.com-新彩121彩票网| www.yt89.com-易旺彩票主页| www.544.date-福彩3d预测p3| www.947475.com-福彩双彩图-| www.ov97.com-虚拟足球e球彩规律| www.44kv.com-九州彩票邀请码| www.278724.com-快三怎么杀3和6| www.586505.com-福采老快三-| www.654921.com-麒麟彩票app下载| www.11731.cc-彩票走势图首页网| www.51804.com-奥陶彩票app下载| www.687993.com-318彩票下载| www.885906.com-内蒙古体彩发行中心| www.ux.cc-分分快三是真是假| www.503180.com-彩虹播下载-| 亿彩www.6832k.com| www.c20.cc-五星彩网-| www.8684.top-中悦福利彩票自助机| www.89851.cc-26选5好彩三结果| www.233080.com-台湾5分彩开奖结果| www.333064.com-幸运分分彩官网| www.534679.com-九彩霸王花-| www.026543.cc-哪个平台做电竞博彩| www.176217.com-快三缩水软件手机版| www.910913.com-福彩快三改-| www.es9.cc-快三复式万能五码| www.05fv.com-中国福彩网售点| www.2301.vip-天下好彩-| www.03480.cc-兴盈快三app| www.90717.com-彩站宝店铺二维码| www.918898.com-怎么举报卖私彩的| www.6070.tv-四柱预测彩票取数法| www.072069.com-人人中彩票官网福彩| www.339569.com-乐彩论坛字谜| www.778677.com-人人网彩票官方| www.911171.com-彩域传奇专栏| www.9433.vip-500彩票靠谱| www.122660.com-澳门彩金成功退货| www.309827.com-体彩小-| www.305.pw-彩票中奖亲戚要求分| www.259210.com-青海福彩网双色球| www.394985.cc-七彩铃兰花图片大全| www.579554.com-澳客彩票下载手机版| www.nk3.com-福彩三d走势带连线| www.1254.pw-快三中顺子-| www.360564.com-彩票玩儿法-| www.lb36.com-彩票坐庄会赔钱吗| www.37087.cc-彩票天天-| www.133038.com-彩钢道路围挡| www.397830.com-乐彩票邀请码| www.599827.com-第一次买彩票就中了| www.105018.com-彩票计划中奖网| www.51531.com-时时彩平投模式| www.634676.com-茶杯养出七彩| www.496338.com-彩票刮刮卡游戏| www.062725.com-体彩天下安装| www.220856.com-快三有规律吗| www.491988.com-东方彩与大发| www.989018.com-中福彩票大全| www.254055.com-香港足球彩票app| www.388711.com-黑龙江福彩软件下载| www.919004.com-河南快三跨度| 天天彩票www.ttcp88.co| 3G彩票www.c147.vip| www.820019.com-七乐彩定胆杀码| www.1383.top-水彩画简单-| www.86793.cc-好彩频道在线直播| www.36hz.com-最新七星彩试机号| www.945893.com-香港彩先知tm网| www.93kn.com-必发彩票客户端下载| www.033535.com-彩站app-| www.11zx.com-福彩3号试机号| www.4846.com-三晋福彩网www| www.954579.com-美国彩票软件下载| www.121779.com-西安福彩-| www.178063.com-北京快三开奖时间| www.466414.com-爱投彩票苹果版| www.9956.pw-198彩平台下载| www.582566.com-体彩屋网址-| www.739784.com-福彩3d纸图-| www.332100.com-中彩网邀请码是什么| www.xw88.com-彩票赠送现金| www.028974.com-安徽快三技巧| www.291153.com-福彩3d五行图| www.601933.com-好彩客有多少人玩过| www.698387.com-彩虹蛋糕的美好寓意| www.106984.com-体育彩票售票点| www.295318.com-快三和值走势图技巧| www.8364.com-360彩票安全购彩| www.gx97.com-幸运快三是福彩吗| www.16211.cc-竞彩网pc版-| www.021172.com-山西彩票网-| www.320815.com-好运来时时彩平台| www.612903.com-附近彩票店预约平台| www.983819.com-中国福彩主任| www.235501.com-广东体彩电话投注| www.05126.com-正规合法的彩票软件| www.123268.com-快三网上购买火车票| www.110745.com-ee彩彩票-| www.306262.com-01彩票-| www.642042.com-彩票会不会有作假|