头像

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

来源:http://www.shuidimall.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.shuidimall.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.258079.com-快三网赚平台| www.409999.cc-浙江体育彩票飞鱼| www.537170.com-分分彩后二技巧视频| www.666488.com-玩彩不懂得止损咋办| www.758048.com-网上快三倍投计算器| www.861632.com-彩票开奖下载安装| www.929225.com-彩票有没有弄虚作假| 华夏彩票www.hx1164.com| www.gx39.com-百盈快三邀请码| www.e61.xyz-中国足彩网官网首页| www.51ad.cc-d福彩双色球开奖| www.0632.win-中彩网七乐彩玩法| www.04047.com-豪彩娱乐登录网址| www.57822.com-我中啦彩票图表| www.033064.com-128彩-| www.120124.com-河北福彩燕赵网| www.206536.com-体彩十一选五浙江| www.291520.com-彩神网app正规吗| www.375796.com-网络竞彩平台合法吗| www.557150.com-福彩副主任-| www.636691.com-满堂彩官网-| www.752592.com-彩虹六号有国服吗| www.838857.com-9亿彩票平台下载| www.906138.com-彩票购买-| www.976427.com-河南体彩中奖的人| www.nx74.com-足彩任九-| www.3vc.cc-搜狐彩票走势图| www.71zi.com-现在买彩票能中奖吗| www.1792.cc-上海体彩购买网站| www.03995.com-吉林快三出号计划员| www.54864.cc-cc彩球官网-| www.008558.com-胜负彩19036| www.088345.com-699彩票-| www.165936.com-快三计划-| www.305186.com-01.cc彩票-| www.385700.com-彩票竞猜怎么签到呀| www.528837.com-体彩门店装修图| www.622823.com-福彩幸运彩票选号器| www.704935.com-爱彩乐遗漏-| www.789024.com-竞彩双选套利| www.871716.com-苏州市福彩兑奖地址| www.977595.com-彩票哪个app靠谱| www.kq5.cc-辽宁快三开奖走势图| www.rv42.com-牛蛙彩票永久网址| www.22aq.com-状元彩票网-| www.644.online-万彩吧走势图| www.5341.cc-彩票账户余额查询| www.12882.cc-体育彩票有人中奖吗| www.60203.com-宝马集团彩票时时彩| www.055307.com-体彩山东快乐扑克三| www.144208.com-时时彩人工计划网站| www.243169.com-网络彩票赌博案告破| www.324522.com-福彩3d最新谜语| www.399122.com-体彩不能网上购买| www.555772.com-快三小窍门-| www.635035.com-老彩民彩票网| www.749846.com-五百中彩票-| www.828287.com-春天彩票平台| www.902331.com-福彩安徽基本走势图| www.972195.com-印尼五分彩开奖号码| www.pw50.com-三分时时彩是哪里的| www.7jg.com-生日号码买彩票| www.69wr.com-菜利彩票下载| www.1376.com-快三大神带我回血| www.9626.cc-体彩排列三本山杀号| www.54068.com-博彩技巧大全书籍| www.003714.com-八号彩票合法吗| www.077202.com-彩色复印机复印钞票| www.145422.com-体彩新玩法、基诺| www.271726.com-丰彩彩票真的假的| www.362201.com-彩票是每天都能买吗| www.460658.com-领航彩票源码下载| www.555637.com-快三对两个号码| www.627100.com-乐都彩票传统彩料| www.705129.com-辽宁福彩十二选五| www.796325.com-尊彩客户端下载| www.899346.com-彩票几天开一次奖| www.967762.com-8828彩票正规吗| www.kd51.com-手机购彩票软件下载| www.g88.bid-亚博彩票下载| www.45ki.com-彩虹6号围攻退款| www.792.website比较好赢钱的彩票| www.5167.win-白莱网注册送彩金| www.08868.com-竞彩猫app靠谱吗| www.54761.cc-直播彩票开心棋牌| www.99113.cc-本期福利彩票开奖| www.070935.com-约彩彩票苹果版| www.138153.com-日本人彩票-| www.219379.com-福建省体彩官方网站| www.295354.com-今日福彩3d水果图| www.369503.com-泉州直播体彩聊天室| www.468056.com-广州福利彩票申办| www.555852.com-四川体彩金七乐助手| www.625932.com-彩票彩民乐-| www.701520.com-竞彩网预测-| www.781784.com-开黑彩网站-| www.860272.com-qq彩票为什么停售| www.936300.com-快3彩票聊天室| www.993685.com-足彩十四场分析| www.jp9.com-中原快三-| www.ou97.com-时时彩倍投器| www.10dh.cc-彩之云客服-| www.77ud.com-境外彩票有哪些| www.1615.in-125彩票下载安装| www.20779.com-百万彩票app网址| www.56099.cc-七星彩开奖结果七| www.92446.com-立彩有几种玩法| www.036657.com-十一选五彩票网| www.171261.com-七星彩今日开奖号码| www.280629.com-世界杯足球彩票规则| www.377921.com-自己弄个彩票app| www.521548.com-石家庄福利彩票| www.590221.com-彩吧三d图谜第三版| www.663311.com-6彩20-| www.735221.com-网络快频彩-| www.803671.com-中彩网投注大赛软件| www.867238.com-我要查看福利彩票| www.917138.com-彩虹代刷网授权| www.974606.com-下载中奖彩票被调| www.b77.me-江西省体彩兑奖中心| www.30qk.com-彩虹自助下单社区| www.568.cm-时时彩龙虎最新技巧| www.4039.biz-网易彩票863| www.9245.biz-足球彩票的几大因素| www.93127.com-一分彩快三如何回本| www.053551.com-福彩跨度振幅| www.139870.com-彩票66网站-| www.216292.com-3d试机号彩宝贝| www.287235.com-安徽快三50-| www.390087.com-彩票中奖不告诉夫妻| www.514199.com-郑州纸箱包装彩印| www.588131.com-七星彩一周开奖时间| www.660737.com-阿里彩票登陆| www.768150.com-淘彩app害人| www.858225.com-彩票输太多-| www.919632.com-开发一个彩票软件| www.976114.com-彩礼贵顺口-| www.qo1.cc-中奖彩票去哪里兑奖| www.pc54.com-快三组合表-| www.7bh.com-宁波某公司彩票中奖| www.57hb.com-uu彩票手机版下载| www.837.cm-重庆时时彩分析图| www.4400.org-彩控网开奖查询| www.21229.com-久久彩票官方| www.63130.com-310彩票-| www.070001.com-福彩票中奖号码| www.130613.com-哈尔滨福彩兑奖规则| www.200639.com-昨日彩票开奖号码| www.268813.com-哈尔滨逸彩快三| www.379308.com-彩票平台不能提款| www.492905.com-七彩斗地主辅助器| www.561838.com-彩票12306-| www.623582.com-福利彩票6等奖| www.686490.com-下载五百彩票网| www.761267.com-体彩在哪里兑奖| www.880275.com-福乐彩开奖结果查询| www.956531.com-彩票越玩越输| 乐8彩票www.6539w.com| www.ca08.com-贵州体彩开奖情况| www.sc34.com-分分时时彩官网下载| www.13dy.com-王者彩票网怎么样| www.76fm.com-13人彩票分析网站| www.0894.cc-沈丘彩票中奖13亿| www.8224.net-投资彩票可以赚钱吗|