头像

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

来源:http://www.mashangcao.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.mashangcao.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
pk10 www.948786.com-下载万彩吧cn| www.hf7.com-能合买的彩票平台| www.uw58.com-肖立刚快三推荐专栏| www.09si.com-爱彩乐推荐号| www.96jc.com-手机百度扫彩票| www.10tm.com-竞彩九场投注| www.1310.pw-老三国精彩打斗视频| www.43vf.com-什么是斗彩-| www.9289.xyz-七乐彩头奖多少钱| www.181703.com-快三和值推算技巧| www.317568.com-体彩大乐透直播频道| www.449776.com-武汉体彩兑奖中心| www.ln50.com-ok彩票平台-| www.7283.in-彩虹儿歌幼儿园| www.hm.com-福彩快三是不是赌博| www.h31.org-七星彩开奖领奖时间| www.89yn.com-彩漂可以去油渍吗| www.05jl.com-水溶性彩铅画| www.053.date-上海福彩3d走势图| www.cp8185.com-幸运快3彩票| www.ut29.com-私彩平台有没| www.24sq.com-彩膜-| www.1793.vip-够力彩票-| www.7677.in-重庆福彩抽奖结果| www.23265.com-彩神1是真的吗| www.840393.com-彩票销售额-| www.930661.com-彩票交税标准| www.987464.com-广西福利彩票兑奖| www.ml8.cc-吉林省体彩中心在哪| www.996361.com-体育彩票加盟云彩店| www.eg33.com-福建彩票网官网| www.267659.com-吉林快三360| www.432776.com-美国彩票多少钱一张| www.539646.com-彩虹的约定歌词儿歌| www.623076.com-有正规的彩票网站吗| www.qm13.com-快赢481彩票口诀| www.49zo.com-足彩心得体会| www.0917.space-时时彩追号稳赢技术| www.78mo.com-中国体育竞彩胜平负| www.7027.vip-篮球彩票中奖怎么看| www.323856.com-彩78靠谱吗-| www.029856.com-神舟彩票官网首页| www.933292.com-哪个省的快三好点| 多乐彩票www.299494.com| www.yy93.com-红旗彩票推荐软件| www.55cm.com-779彩票下载安装| www.3119.cm-彩票世界杯专家预测| www.9565.biz-七星彩推荐号汇总| www.76796.com-足彩最新对阵表推荐| 天下彩www.422689.com| www.974874.com-彩票销售点编号| www.ch98.cc-分分快三开奖记录| www.782905.com-卓易彩票中了不给钱| www.870307.com-中博彩票诈骗| www.946793.com-彩钢瓦围挡成本| JJ彩票www.92092.cc| www.00355.cc-2188彩票app| www.539700.com-彩虹的约定歌曲儿歌| www.196.red-星彩代刷登陆平台| www.852409.com-快三高手方案| www.910786.com-北京快三开奖时间点| www.26553.cc-徐水彩票站-| www.080561.com-破解彩票平台软件| www.215239.com-易彩登陆-| www.668367.com-买哪种彩票能中大奖| www.20051.com-南充市福彩管理中心| www.339799.com-楚雄体育彩票转让| www.065176.com-永盛彩票手机网址| www.2no.cc-买彩票一直反着买| www.97sa.com-3d图库彩吧第二版| www.71jz.com-周公解梦买彩票| www.99793.cc-台湾威力彩开奖历史| www.093566.com-高频彩是正规的吗| www.172505.com-彩票过滤软件| www.984671.com-好彩网登录网址| www.dn07.com-大乐透彩票| www.698157.com-6十1体育彩票下載| www.796028.com-优盈彩票5分快3| www.871142.com-期乐彩走势图| www.936700.com-幸运快三是什么游戏| www.993549.com-大通彩票app导航| www.bs43.com-福到彩票福建快三| www.sq27.com-分分快三稳赚技巧| www.45hb.com-彩虹电影台免费| www.291044.com-快三大小有规律吗| www.533909.com-七星彩赔法-| www.657205.com-福彩消宝石-| www.fv03.com-发彩网是正规网站吗| www.5622.com-网上充值买彩票| www.67735.cc-褔彩双色球中奖号码| www.038242.com-财神彩票是什么| www.112543.com-彩票源码手机版| www.321498.com-明发彩票下载| www.446247.com-万博彩票怎么下注| www.562077.com-分分钟彩票可靠吗| www.652680.com-竞足彩票开奖结果| www.xf89.com-彩票576-| www.59ct.com-七星彩冷热温走势| www.75839.cc-山东体彩手机app| www.071589.com-福利彩票可以过户吗| www.257499.com-全国快三彩票app| www.419625.com-印象彩票手机app| www.84ex.com-福彩售卖亭-| www.6895.loan-四川好彩头现状| www.963649.com-vr彩票平台官网| 彩神网www.csw288.com| www.660929.com-蓝狐计划博彩| www.777945.com-充值送优惠彩票平台| www.839277.com-快三定位走势| www.900648.com-玩彩老头-| www.960221.com-500go彩票-| 趣彩网www.qucw1.com| www.05123.cc-2019彩票店趋势| www.610153.com-手机快三是真的吗| www.669346.com-彩钢夹芯板用在哪里| www.736348.com-彩虹岛刷单-| www.800194.com-体彩19026期| www.864336.com-彩票123安卓版下| www.915565.com-买3d彩票怎么买| www.979581.com-彩票平台送彩金58| www.ex5.cc-中国福彩玩法| www.ur33.com-鸿彩直播下载| www.29.cc-怎么买足彩赚钱| www.55ba.cc-微信福彩-| www.0062.loan-美国有几种热门彩票| www.5689.in-吉林省时时彩讨论| www.24866.cc-彩铅彼岸花怎么画| www.21gf.com-山西福利彩票电话| www.912.website手绘彩铅唯美花鸟| www.4737.biz-福利彩票利润多少| www.14236.com-体彩全运彩一定牛| www.68183.com-福彩3d折线图谜| www.022837.com-彩牛彩票安卓客服端| www.099510.com-彩75下载-| www.157098.com-传统五分彩-| www.dk27.com-福彩老师-| www.p22.pw-彩票哪买的去哪领奖| www.86em.com-金辰彩业-| www.2901.in-东方彩app安全吗| www.8793.cm-腾讯ai彩预测| www.63398.cc-约彩彩票正规吗| www.023285.com-五星彩票平台注册| www.104677.com-足彩竞彩直播| www.657613.com-澳客体彩开奖结果| www.726482.com-彩票倍投赚钱| www.782188.com-彩票双球3b-| www.868699.com-私彩骗局-| www.921392.com-河北快三多长时间| www.973061.com-彩虹世界破解| www.nr47.com-鸿彩网平台是真的吗| www.13zx.com-安徽宣城彩票中奖| www.0007.cc-福利彩票的数学期望| www.6890.vip-彩票销售平台的优质| www.23686.com-481彩票玩法技巧| www.025057.com-彩乐汇盈利1分快3| www.101570.com-聚彩app下载| www.528408.com-彩票单式和复式区别| www.590289.com-爱乐彩体彩-| www.654904.com-优点彩票可靠吗| www.711626.com-特彩吧高手网报码| www.cai3923.com快三规则及奖金| www.qw48.com-重庆时时彩开奖| www.8oh.cc-买彩票翻身-| www.109718.com-盈彩用户注册|