头像

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

来源:http://www.gay-online-webcams.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.gay-online-webcams.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.678314.com-旺彩走势图下载安装| www.188265.com-福彩老头三d| www.375188.com-九州体育博彩怎么样| www.2779.bid-双彩是正规的吗| www.958049.com-彩票买和值-| www.lq60.com-彩票新闻-| www.65ha.com-福彩演播室答题| www.7148.cm-七彩假期-| www.2989.com-彩民喜中大奖| www.77559.cc-竞彩足球的术语| www.147866.com-网络彩票投注兼职| www.6130.vip-今日快三出啥豹子| www.37859.com-星光彩票怎么样| www.8355.wang-时时彩单式复式| www.45962.com-彩票带单老师微信号| www.j39.me-湖北福彩中心兑奖处| www.56kt.com-福利彩票安装官网| www.0725.cn-澳客提交到彩店| www.6177.biz-佰盈彩票网站| www.23696.cc-四季彩登录地址| www.74656.com-北京彩色印刷厂| www.360061.com-福彩投注下载官网| www.595819.com-f彩网是真假| www.781407.com-百彩仙子-| www.931608.com-彩票中奖有什么规律| www.cp6543.cc-e球彩直播-| www.k08.net-布衣图库一好彩网| www.120.pink-六色彩虹缺哪个颜色| www.8596.loan-彩经网彩票-| www.68560.com-福彩三毛图库总汇| www.139893.com-安徽快三遗漏号码| www.287583.com-彩票合买软件| www.465313.com-彩票2注是什么意思| www.40sr.com-福彩几个数字| www.3893.hk-好彩票在哪下| www.237153.com-福建即乐彩走势图| www.01888.cc-网络彩票输死人| www.959290.com-彩民彩吧-| www.ja5.com-内苎快三-| www.tr03.com-福彩扫码摇大奖| www.41po.com-七星乐彩票倍投规律| www.900778.com-彩吧p3图谜第三版| www.35089.com-彩票平刷软件手机版| www.279592.com-重庆时时彩代理注册| www.789641.com-京彩帐号-| www.914521.com-瑞彩祥云官方邀请码| www.998040.com-258彩票网站| www.hd36.com-致富彩票-| www.69360.com-香港赢彩网免费资料| www.078933.com-彩票最新开奖消息| www.961137.com-福彩3d山东真言| www.uc.com-彩票合法吗-| www.sm73.cc-怎么做私彩代理| www.05bn.com-幼儿彩铅画动物图片| www.80rh.com-银河彩票网可以信吗| www.5888.live-廊坊福彩中心电话| www.581684.com-7星彩开奖号码查询| www.673312.com-中彩网3d手机版| www.766908.com-信彩彩票官网首页| www.836633.com-九州彩票是合法的吗| www.900894.com-时时彩倍投不怕连挂| www.967839.com-男彩票托-| www.cai3000.com快三是个什么东西| www.na92.com-甘肃体彩网官网首页| www.s67.biz-青海中奖彩票| www.47tn.com-彩铃设置-| www.205188.com-安徽快三走势表| www.782991.com-甘肃省福利彩票用途| www.872393.com-福彩助手app开发| www.939733.com-福彩快三安全吗| www.988091.com-彩民乐大乐透| www.a06.org-极速快三开奖| www.44dv.com-武威快三开奖结果| www.295670.com-大发快三和值根据| www.381511.com-百合男骗局彩票股市| www.460086.com-蒂之彩在上海出名吗| www.472501.com-3d天吉彩票论坛| www.187622.com-时时彩算和值| www.890685.com-至尊时时彩票平台| www.751468.com-七星彩开奖时间表| www.116772.com-网上是几点买彩票| www.939180.com-金利彩票官网| www.999417.com-100彩票app-| www.bs50.com-彩500app-| www.zh02.com-鑫彩国际是什么意思| www.41qn.com-彩票今天结果| www.398177.com-明天七星彩开什么号| www.166956.com-福彩快三是什么意思| www.275537.com-福利快频彩-| www.356166.com-盛大彩票可靠吗| www.435432.com-都匀彩票店位置| www.s04.name-广西快三新玩| www.2461.cn-分分彩开奖走势图| www.868312.com-快三计划骗局| www.cai2011.com快三胆拖对照表| www.330060.com-贵州体育彩票网站| www.494173.com-竞彩九串一-| www.893110.com-乐彩站app怎么样| www.705588.com-体彩app扫码兑奖| www.30022.com-亿彩怎么获取邀请码| www.8689.org-体彩7星彩历史开奖| www.4263.cc-三思彩玄机-| www.095139.com-福彩3d注册号码| www.860422.com-好彩双爆什么味道的| www.917851.com-私彩代理怎么做的好| JJ彩票www.94580.cc| www.231260.com-购彩大厅下载安装| www.947744.com-b爱彩乐-| www.et6.com-快三秒奶茶店电话| www.778784.com-9万彩票登录| www.914040.com-360彩票老版本| www.989163.com-新浪数字彩票网| www.xd3.com-湖北快三今天出的好| www.500240.com-卖彩票的工作怎么样| www.579594.com-快三根据什么开奖| www.706438.com-极速时时彩是否有假| www.794076.com-聊彩大厅怎么下载| www.883012.com-投彩是什么意思| www.988237.com-掌游彩下载-| www.vc6.com-七乐彩现场开奖直播| www.sy95.cc-高频彩票平台哪个好| www.970649.com-凤凰彩票微信群| www.13288.cc-福彩助手合法吗| www.83946.com-七呈彩开将结果直播| www.330032.com-中国彩吧天齐网| www.007379.com-多彩网-| www.087889.com-澳客体彩预测| www.68hr.com-网易彩票官方| www.388474.com-福利彩票最新图片| www.551171.com-app彩金-| www.658558.com-为什么彩视登录不上| www.753180.com-摇彩票软件下载| www.841895.com-福彩五行属性| www.v19.club-竞彩高手哥微信| www.76xs.com-北京七星彩开奖结| www.887589.com-彩票中奖怎么兑奖| www.974986.com-七乐彩专家杀号大全| www.je94.com-北京快三是正规的吗| www.p26.biz-体育彩票如何看| www.080876.com-彩票8下载-| www.905370.com-足彩网上投注258| www.639604.com-申请竞彩的条件| www.074935.com-深圳福彩手机投注| www.183157.com-幸运快三官网app| www.281605.com-赢彩网app-| www.378325.com-足彩开奖结果走势图| www.754155.com-2018网上买彩票| www.836292.com-银豊彩票-| www.428369.com-彩合网昨晚开什么码| www.588369.cc-淘之家彩票真的吗| www.795672.com-苏州体彩竞彩店转让| www.928250.com-顺盈彩票是骗局| www.rp71.com-官方彩是黑网站吗| www.211.org-今天足彩比赛比分| www.6658.top-凤凰彩1平台客户| www.44828.com-百信彩票网站| www.qz08.com-吉林快三选号器| www.88so.cc-彩票时间销售截止| www.984365.com-买快3彩票的软件| www.oh55.com-皇都彩票登陆| www.54mw.com-彩票胆拖技巧| www.762011.com-双色球彩票图片| www.49580.com-彩票十选五开奖结果| www.625433.com-7乐彩专家杀号|