头像

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

来源:http://www.keystonenationalhighschool.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.keystonenationalhighschool.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.120163.com-体彩打票键盘图片| www.255198.com-网络福彩快三合法吗| www.349385.com-乐彩网用户-| www.443122.com-福彩3b太湖叟字迷| www.542515.com-彩票大乐透号码| www.755222.com-中彩网擂台寒| www.839172.com-9亿彩票送礼金36| www.903628.com-大发时时彩正规吗| www.965245.com-中国体育彩票买法| 天天彩票www.150882.com| www.iu83.com-竞彩网首页计算器| www.g73.biz-七星彩十专家预测| www.44ss.com-a7娱彩登录注册| www.860.la-时时彩6码方案| www.5500.in-彩票站点徼费| www.13172.com-福彩快3计划| www.60057.cc-河南福彩幸运| www.083255.com-彩票大奖去哪里兑奖| www.155750.com-微彩站怎么下载| www.257616.com-爱乐彩极速赛车| www.332843.com-凤凰彩票是真的假的| www.412734.com-足彩2串1规则| www.521948.com-亿彩网app下载| www.592349.com-彩虹七号游戏下载| www.671458.com-01彩票是什么软件| www.753957.com-网络彩票停售| www.888829.com-彩站宝二维码| www.981294.com-彩六c6com-| www.ir46.com-彩票兑奖有效期| www.f80.link-如何买外国彩票| www.40zj.com-足彩十四场比分结果| www.0946.cc-北京快三有多少种| www.8046.pw-水彩画画教程| www.31999.cc-易彩堂网-| www.77665.com-七乐彩中奖表图片| www.028924.com-梦想彩票站合法吗| www.111087.com-欧洲彩票中奖排行榜| www.181795.com-上海快三怎么玩| www.257948.com-彩99下载-| www.334306.com-彩票有少样-| www.410013.com-彩票大乐透新软件| www.519610.com-大乐透彩民乐图迷| www.591288.com-哪个地方的彩礼最贵| www.667117.com-彩票不可能中的| www.743535.com-怎么购彩-| www.812833.com-七乐彩论坛-| www.884618.com-百度买彩票-| www.pq7.com-3号彩票是真的假的| www.qo36.com-博大彩票-| www.06bp.com-浙江福彩双色球玩法| www.78iq.com-体彩快开481| www.1639.in-澳洲三分彩开奖记录| www.8742.cm-七天和竞彩平台| www.52232.cc-吉林新快三下载安装| www.96687.cc-福彩双色球害人| www.062083.com-好彩客安全吗| www.175078.com-幸运快三是不是真的| www.261154.com-江苏快三介绍| www.331704.com-彩票走势图表格制作| www.408321.com-中彩网三底走势| www.512552.com-彩铅动物简单图片| www.581777.com-什么彩票每天签到| www.654711.com-彩票代销费怎么结算| www.839366.com-竞彩米斗推荐网| www.907077.com-体育彩票总共几位数| www.972372.com-菠萝彩票网-| www.au11.com-福彩十分钟开奖| www.si42.com-福彩3d出号规律表| www.09xf.com-酷彩锅怎么分辨真假| www.78pp.cc-利搏彩票解马| www.1423.cn-今晚七星彩开奖现场| www.9202.online中国福彩双色球单式| www.64822.com-建群卖体彩违法吗| www.029802.com-福彩软件-| www.104422.com-360竞彩足球| www.172588.com-派彩网app-| www.276332.com-快三骗局怎么举报| www.362190.com-玩时时彩有哪些技巧| www.448161.com-福彩老谢尾-| www.539690.com-深圳福彩是独立的吗| www.644728.com-彩票送88彩金平台| www.729526.com-新浪爱彩大乐透| www.800098.com-1号站彩票平台骗人| www.874722.com-湖北省体彩中心官网| www.966762.com-宝马彩票可以玩吗| 多乐彩票www.477070.com| www.hu06.com-分分彩开奖结果查询| www.yn83.com-大奖快三开奖结果| www.19ka.cc-肥城彩票中3个亿| www.865.red-电视菜单怎么调彩| www.4687.vip-一次能买多期彩票| www.9749.cn-彩宝预测-| www.58983.cc-下载福彩藏机和直迷| www.011373.com-昨天福彩号是多少| www.083197.com-广东省体彩中心地址| www.140039.com-广东福利彩票领奖处| www.215976.com-中福彩票被骗| www.283635.com-什么彩票是八位数| www.401859.com-七星彩91b-| www.506572.com-四柱预测彩票绝招| www.572383.com-刚利彩芽-| www.639007.com-上海福利彩票店面| www.753194.com-9d彩票app下载| www.832207.com-中国七星彩直码| www.898887.com-福彩专家杀码家彩网| www.962684.com-彩乐乐3d预测专家| 致富彩票www.zfcp6.com| www.bi71.com-重庆快三开奖结果| www.rt78.com-旺彩店主版-| www.13zp.com-五分⑥和彩方法| www.78ew.com-足彩怎么买才赢钱| www.1170.cc-以防打彩票打错标语| www.8444.vip-亚博正规的彩票站吗| www.34520.com-南方福彩app| www.75677.cc-361官网彩票登录| www.021797.com-彩票访-| www.085034.com-多彩市场-| www.139864.com-zc众彩网-| www.210905.com-彩神大发快三攻略| www.275371.com-快三高手大小单双| www.415898.com-uc彩票可靠不| www.508465.com-有谁听过同乐彩票吗| www.569873.com-山东好彩快3| www.633576.com-河南七乐彩-| www.696983.com-体育彩票大乐透彩| www.769039.com-好彩软件下载| www.879722.com-快乐分分彩人工计划| www.987658.com-有什么购彩软件| www.cai2020.cc-最新北京快三走势图| www.tn68.com-百宝彩票走势图大全| www.9xs.com-老司机彩票-| www.56we.com-腾讯彩票江苏快三| www.624.tv-体彩五位数开奖号码| www.3686.com-川沙彩色复印机租赁| www.8610.in-创彩电视-| www.64533.com-搜索福利彩票信息网| www.019389.com-毕节市福利彩票中心| www.083282.com-彩票电子报纸| www.136054.com-我要去买彩票| www.200761.com-520彩票-| www.263998.com-福彩贴吧-| www.373525.com-好彩薄荷烟-| www.473258.com-彩票大奖有重复的吗| www.543987.com-福彩吧是真的吗| www.624478.com-33彩票手机app| www.683888.cc-推彩下载-| www.752197.com-不要相信彩票| www.848703.com-心脏彩超正常值图片| www.903237.com-足彩圈app-| www.950907.com-中国唯彩会竞彩推荐| www.983772.com-吉林快三规律口诀| www.fr50.com-体彩开奖日期是周几| www.ue49.com-5分彩官网-| www.9ep.cc-彩票中奖了如何领取| www.56kc.com-贵州多彩博虹面试| www.608.cc-天天时时彩开奖结果| www.3456.website彩宝彩票cb116| www.7886.cn-1分彩一直输| www.17494.com-网上彩票诈骗是什么| www.52957.cc-黑彩平台搭建一条龙| www.89925.cc-竞彩彩票网-| www.034406.com-篮球竞彩推荐| www.191777.com-五快三走势图带连线| www.254783.com-时时彩图片-|