头像

百度地图显示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.784933.com-众彩之家app下载| www.918840.com-博彩缴税多少| www.988821.com-彩票一等奖交多少税| www.ld4.cc-体彩e球彩玩法| www.sd68.com-3d彩票群-| www.14.net-1516彩票下载| www.67qc.com-体育彩票销售额| www.391055.com-三彩蒸蛋-| www.736066.com-中国彩吧图库第二版| www.827411.com-9万彩票网站是多少| www.906925.com-河南省彩票品种| www.978427.com-中福福彩票下载安装| www.on61.com-新彩民-| www.4247.cn-七彩彩票查询| www.37131.com-糖果派对彩金图片| www.018192.com-漫画星彩无惨| www.097090.com-青海快三豹子技巧| www.185337.com-好彩1合法彩票吗| www.295761.com-算出重庆时时彩口诀| www.384128.com-香港意大利彩金价格| www.550123.com-快八彩票下载安装| www.662578.com-盛兴彩票欢迎使用| www.802166.com-彩谜天地联销图今天| www.898508.com-彩票积分扫一扫| www.982044.com-排列五彩票对比器| www.54ql.com-贵阳市体彩兑换地址| www.0600.cn-快三全天在线计划| www.19582.com-中园竞彩网放假| www.71812.com-皇乐彩票合法吗| www.027533.com-高频彩正规吗| www.099520.com-百盈彩票官网| www.070937.com-河南省彩票中心| www.84026.com-彩色混凝土多少一方| www.004219.com-即是开彩-| www.128075.com-彩虹意境图片| www.220311.com-乐彩网app-| www.316543.com-七星彩票论坛精选| www.438506.com-乐亿彩票乐逸报| www.539429.com-梦见中彩票被他人追| www.802147.com-至尊快三合法吗| www.897991.com-竞彩彩票店-| www.969971.com-3d图谜总汇牛彩九| www.ib39.com-彩票造假-| www.w75.org-吉利三分彩-| www.300678.com-中国福利彩票开奖网| www.632882.com-福彩3d玩2d-| www.739305.com-江苏快三稳赚| www.927495.com-体彩排列三预测分析| www.xj.com-官方手机福彩投注| www.sy27.cc-够力七星彩安装旧版| www.84gv.com-彩票站app苹果版| www.4520.cn-bbin彩票怎么玩| www.365775.cc-7是彩开奖公告| www.623609.com-雅迪米彩二代60v| www.714260.com-时时彩组三稳赚方法| www.869977.com-彩票多周k线| www.984327.com-体彩助手登录不了| www.dl23.com-众信彩票是骗局吗| www.3ev.com-热购彩票正规吗| www.862.win-彩票最新开奖查看| www.031958.com-手机购彩11选5| www.198824.com-皇都彩票真假问题| www.292879.com-易彩app在线下载| www.388932.com-分分彩有稳赢方式吗| www.541665.com-79彩票app-| www.830245.com-哪里可以买彩票网| www.953943.com-精彩比分直播新浪| www.cai1155.com福彩快3玩法| www.nj99.com-彩票平台对刷赚钱| www.10jg.com-天佑风采彩票| www.91xn.com-乛彩民乐十阳光探码| www.4027.cc-博彩公司snai| www.05307.com-怎么玩分分彩压大小| www.58396.com-中彩票手机-| www.017135.com-易旺彩票网app| www.085759.com-彩神写真机-| www.161523.com-体育彩票的目的| www.233403.com-快中彩开奖号码| www.7576.com-体育足彩网-| www.79627.com-福利彩票店利润多少| www.092877.com-彩钢围挡图片欣赏| www.218670.com-众彩彩票app下载| www.355558.com-必中彩-| www.462522.com-环球彩票可信吗| www.557752.com-双色球彩牛材网字谜| www.78306.com-彩票要选几个号码| www.121432.com-刚力彩芽-| www.234157.com-染上彩票怎么戒呀| www.bx06.com-七星彩开奖视频| www.08mf.com-算局划规七星彩| www.877.tv-三地试机号乐彩网| www.6536.top-幸运中彩票软件下载| www.109363.com-谁有玩金利彩票| www.192533.com-11选五彩票网站| www.999624.com-浙江快乐爱乐彩| www.kl53.com-易彩堂彩票可靠吗| www.25hs.com-彩票白菜什么意思| www.2423.vip-彩娱乐app官网| www.9847.biz-方和彩一-| www.286190.com-查询体彩开奖号码| www.424213.com-附近有福利彩票点吗| www.552969.com-快三计划群合法吗| www.654092.com-江西快三一天几期| www.800020.cc-福利彩票视频彩票| www.920232.com-赢彩计划官网| www.94921.com-足彩大小球分析方法| www.05we.com-现场更精彩怎么说| www.1005.live-信誉度好的网上彩票| www.8999.date-518乐彩直播| www.0066.org-彩票有些什么类型| www.9456.me-七星彩梦册查码表| www.44962.com-彩票网站刷流水| www.85841.com-彩票中大奖兑奖流程| www.030898.com-刷彩金工作室| www.100620.com-福彩海哥双胆| www.178017.com-内蒙古快三网上投注| www.12777.com-体育彩票6十1玩法| www.755514.com-大乐透下载旺彩网| www.113115.cc-企鹅直播竞彩猫| www.191230.com-彩票走势怎么分析| www.267696.com-彩票如何赚钱| www.18298.com-湘潭福彩中心| www.007509.com-温州快三彩票| www.095327.com-彩票假装中奖生成器| www.9147.biz-彩娱乐平台登录| www.89332.com-老彩民高手它坛| www.800021.com-搜狐彩票开奖| www.905456.com-体彩任九推荐| www.967974.com-网络彩票倍投平台| 500彩票网www.511059.com| www.rq53.com-一分快三有啥平台| www.02ao.com-快彩qq-| www.68ha.com-酷彩吧下载不了| www.209675.com-大发快三是什么平台| www.333170.com-网易彩票正规吗| www.477602.com-彩神通免费版双色球| www.584278.com-人人中彩票登陆不了| www.662279.com-彩79.apk-| www.727673.com-山东经经福彩在线| www.816825.com-网络彩票赌博害人| www.890339.com-倍数高的彩票app| www.962942.com-彩神lv是什么| 百姓彩票www.www.bxcp3333.com| www.eo66.com-一分快三全天计划表| www.to98.com-百宝彩票网-| www.54gy.com-天空彩彩-| www.679.cn-时时彩人工计划稳赢| www.6894.xyz-彩票开奖怎么看| www.17331.com-彩票店加盟电话号码| www.58350.com-多乐彩票是什么| www.035759.com-体彩中奖怎么领取| www.109777.com-盈宝彩注册链接| www.160130.com-快开彩是福利彩票| www.228338.com-山西彩礼价目表| www.285912.com-彩3彩票联系客服| www.354970.com-怎么买体彩才能中奖| www.431821.com-彩无敌计划-| www.522312.com-58彩开奖结果| www.585350.com-双色球指彩票电子报| www.640303.com-新浪爱彩手机客户端| www.911554.com-体彩家彩论坛| www.963822.com-500彩票pc版| 澳客彩票www.109ak.com| www.bj73.com-分分彩平台-|