头像

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

来源:http://www.baol168.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.baol168.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.248878.com-老快三开奖统计图表| www.401329.com-快频彩票免费下载| www.668493.com-博彩对冲-| www.752802.com-彩六怎么下载软件| www.860990.com-香港五分彩开奖结果| www.937028.com-臺湾福星彩库图| www.995731.com-怎么足彩没买了| www.pr8.com-派彩网付费板| www.sg37.com-五分时时彩下载| www.38xj.com-重庆不要彩礼| www.0517.top-vr赛车彩票官网| www.7484.pw-北京中国福利彩票| www.28625.cc-信佛人能玩彩票吗| www.76677.com-谦喜彩票登陆| www.029121.com-亿彩堂下载-| www.111495.com-盈彩在线是不是诈骗| www.186829.com-腾讯快三走势图| www.264441.com-手机彩票是否合法| www.419885.com-天马彩票计划| www.523875.com-彩票分析和走势| www.623841.com-雅迪迷彩48-| www.701244.com-彩票七涅彩预测| www.786253.com-澳门彩票昨晚开什么| www.866947.com-时时彩黑平台有哪些| www.927058.com-达人彩票安全吗| www.978435.com-鼎盛彩票团队骗局| www.sr37.com-时时彩五星最稳大底| www.06er.com-彩铅手绘入门基本画| www.86ee.com-下载中国福彩app| www.2371.cn-七彩蛋糕店-| www.8348.top-钴石彩票秒开| www.33074.com-体彩大7叫什么名字| www.80220.com-河北快三近50期| www.033072.com-鹤壁体彩-| www.111195.com-火炬彩票提现不了| www.181561.com-福彩内蒙古快三开奖| www.255070.com-排列三试机号彩宝网| www.331264.com-汇彩网是正规的吗| www.403360.com-唐启伟福彩主任是谁| www.515060.com-七星彩其实最好中| www.589602.com-澳门六星彩特马网址| www.666208.com-彩虹航天-| www.746418.com-彩票坊官方平台| www.822952.com-彩友的意思-| www.894899.com-爱投彩票是干什么的| www.967571.com-探探盗用相片彩票托| www.pj08.cc-彩票倍数表-| www.u15.me-深圳福彩电话| www.52ao.com-南京丰彩-| www.882.club-彩铅手绘-| www.5085.vip-属狗适合买什么彩票| www.05210.com-体彩2019新政策| www.51879.cc-香港牛蛙彩票.资料| www.97028.com-彩票刷规划-| www.059666.com-福彩与慈善讲座心得| www.288385.com-高频彩让我家破人亡| www.371568.com-河内分分彩全天计划| www.473046.com-彩票开出相同号码| www.557585.com-酷彩吧是否靠谱| www.626477.com-彩民网app登入| www.695282.com-大发快三软件开发| www.773038.cc-彩票稳定平台| www.968227.com-海南七星彩最准直码| 大赢家彩票平台www.672950.com| www.jf57.com-安徽福利彩票开奖| www.a21.cc-体彩图案-| www.26bx.com-彩票线上-| www.957.cm-贵阳彩票600万| www.6079.vip-足彩佬牛预测| www.12904.com-快三彩票吉林| www.55525.com-七乐彩什么时候开始| www.000857.com-时时彩单双必中规律| www.067914.com-彩票投注单打印助手| www.131376.com-旧够力七星彩奖表| www.206793.com-刷彩金的骗局| www.278354.com-手机版新快三游戏| www.440989.com-体彩兑奖地点不同| www.529181.com-体彩大乐透新浪网| www.646668.cc-新粤彩报纸三语口诀| www.727762.com-福彩现场直播| www.800095.cc-足球比分直播体彩网| www.872230.com-山西体彩在哪儿兑奖| www.965955.com-香港福彩三的| 奔驰彩票www.509866.com| www.gt77.com-福彩店怎么申请| www.yk62.com-大乐购彩票中奖号| www.19wr.com-分分彩后二组选挂机| www.744.biz-彩神丨x-| www.4505.net-买彩票号码怎么选| www.9527.vip-海南私彩大奖多少钱| www.59313.cc-美术作品彩铅画| www.015764.com-七星彩海南投注平台| www.080879.com-魔方彩票官网| www.139500.com-彩票16官网-| www.213880.com-快3中彩网-| www.279692.com-一分彩票计划软件| www.398928.com-七星彩两期四重号| www.517625.com-九龙彩票真假| www.582708.com-凤凰彩票总赢不了钱| www.650106.com-天津时时采彩开奖| www.747187.com-天天爱彩票安装| www.811061.com-福彩3d守号技巧| www.877672.com-国外彩票-| www.959007.com-体育彩票117| www.997266.com-体育竞彩网官方网站| www.cp9188.com-中彩娱乐5-| www.lp23.com-三d彩票机号| www.c18.net-彩票中奖票样双色球| www.23qo.com-体彩大乐透在线直播| www.774.tv-彩色生活照图片大全| www.4147.cc-彩虹直播序列号| www.8901.cm-神兽竞彩团队推荐| www.51639.cc-广东彩票软件| www.90060.com-彩票胆拖奖金计算器| www.039996.com-鸿彩快三下载| www.135129.com-香港二四彩开奖结果| www.202802.com-福彩20选5走势图| www.266870.com-19024胜负彩| www.362938.com-高频彩平台排行| www.438975.com-遵义市彩票店转让| www.523737.com-重庆时时彩预测计划| www.618215.com-开彩传媒-| www.678243.com-彩票专家软件下载| www.747739.com-好友游戏彩票注册| www.810214.com-500万彩票软件| www.874394.com-大马彩多多万能成绩| www.968072.com-微信彩票群号| www.ff40.com-快三真能赚钱吗| www.vg12.com-福彩42期-| www.00kd.com-彩票烂了一个角| www.60ll.com-福彩3b预测总汇| www.854.date-求个大的时时彩平台| www.4370.in-时时彩掌赢专家下载| www.9048.biz-头彩app安卓| www.66761.cc-附近彩票站电话| www.018590.com-福彩彩吧图库| www.076770.com-南京福利彩票中心| www.131687.com-淄博彩礼钱的价格表| www.194618.com-福彩三d全图| www.254145.com-58彩票网页版| www.313803.com-赢钱彩app版本| www.372671.com-网上彩票怎么举报| www.452483.com-重庆福彩快乐十分| www.527837.com-1上海快三开奖结果| www.673855.com-古建彩绘天花图案| www.735727.com-体育彩票破解版| www.799463.com-宁波亿彩购物中心| www.877478.com-高频彩票中奖秘籍书| www.980904.com-福彩快三守号计划表| www.cai3918.com大发快三怎么玩赚钱| www.ie97.com-网售彩票-| www.wr32.com-马来三分彩开奖时间| www.01tc.com-3分时时彩下载| www.64cn.com-360彩票对比| www.818.top-彩票直播平台| www.4345.vip-鑫彩是不是真的假的| www.8646.cn-中乐彩官方网| www.70733.com-彩票运势姓名生日| www.023215.com-97彩票骗局-| www.081219.com-彩票大乐透大赢家| www.130046.com-福利彩票机充值| www.192375.com-买江苏快三的技巧| www.252306.com-彩票专家-| www.312075.com-9288彩票网站|