头像

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

来源:http://www.kgfyy.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.kgfyy.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.033914.com-凤凰网彩网-| www.019571.com-云南省福利彩票官网| www.106661.com-足彩2串1-| www.382116.com-有人带我一起买彩票| www.654284.com-恒彩2-| www.8260.top-i8彩票登录-| www.411522.com-多多中彩票真的假的| www.949723.com-160彩票官方网站| www.594838.com-唯彩会体育看球| www.718837.com-彩虹的意义-| www.835927.com-青海省福利彩票管网| www.931811.com-电台足彩推荐骗局| www.999622.com-下载爱乐彩-| www.bm50.com-福彩快3平台| www.xl11.com-鑫彩app-| www.34kx.com-甘肃彩票下载| www.832197.com-七星彩摇奖在那看| www.927161.com-足彩四场进球彩| www.990394.com-福利三分彩开奖结果| www.er83.com-玩大发快三赚钱| www.187068.com-老重庆时时开彩结果| www.98ph.com-上海体育彩票排列3| www.520673.com-玩快三能赚到钱吗| www.624823.com-彩票点站-| www.263879.com-老彩民-| www.365887.cc-体彩排三遗漏分析| www.326175.com-彩一万-| www.434790.com-体彩排三谜语| www.549450.com-彩票平台刷流水单| www.810570.com-悟空彩票提现安全吗| www.904550.com-南昌福彩中心地址| www.iz7.com-快三怎么玩才能赢钱| www.63hs.com-nba精彩时刻| www.319381.com-彩民福地易彩| www.367878.com-体彩6?1玩法| www.633500.com-属马买彩票能中吗| www.29pu.com-彩票网站推广哪家好| www.222252.com-彩票下载117| www.095129.com-大奖网彩票触屏版| www.267167.com-足彩新浪必发指数| www.398.net-安徽体彩中心主任| www.6210.vip-彩票巴巳-| www.819282.com-高手玩彩票-| www.192952.com-千万彩票app| www.698019.com-6和彩生肖开奖结果| www.788458.com-今日竞彩单场专家| www.861163.com-今日福彩三d字谜| www.46271.com-六福彩票官方代理| www.606443.com-中国禁止民间彩票| www.1819.name-重庆时彩客户端下载| www.649696.com-彩慱888-| www.082589.com-国民彩票234下载| www.781870.com-网易彩票投注可靠吗| www.100233.com-暂停互联网销售彩票| www.220413.com-吉林体彩11-| www.319006.com-都那彩票中奖公告| www.443326.com-福彩杀码专家排行| www.9555.vip-海南公共彩票平台| www.91181.cc-日免软红好彩购买| www.062218.com-万彩平台提现不了| www.332989.com-天才彩票算法公式| www.40277.com-中国福利彩票购买| www.020549.com-福彩旗下-| www.504546.com-彩排的同义词| www.53857.com-500彩软件下载| www.172580.com-江苏不在彩快3| www.w02.net-pk彩票安卓版下载| www.695888.com-合肥彩票店加盟| www.795484.com-体彩大乐透怎么领奖| www.kq11.com-3d彩宝-| www.2341.pw-时时彩稳赚方法技巧| www.611312.com-彩虹岛水果无限体力| www.220825.com-彩神计划破解| www.019046.com-福彩青蛙过河中奖图| www.591506.com-腾讯分分彩api| www.686258.com-玩高频彩计算方式| www.913152.com-彩客网完整手机版| www.994148.com-炫彩之剑-| www.dm54.com-各省份快三开奖| www.a11.club-新浪爱彩手机版| www.318925.com-抚州市体彩中心位置| www.274636.com-有人带你玩快三| www.216502.com-5分快三计划| www.347642.com-大发彩票黑平台| www.771343.com-彩票81软件-| www.903311.com-600w彩票-| www.997388.com-体彩8号店app| www.nz30.com-江苏快三介绍| www.65vt.com-彩票1980-| www.38379.cc-全球彩安卓-| www.267484.com-彩票易中奖app| www.235903.com-最新足彩分析| www.14285.com-体彩即乐彩-| www.339456.com-速盈彩app下载| www.547286.com-彩票接口有什么用| www.cp094.com-喜乐彩历史开奖号| www.190128.com-彩票开奖查修| www.077128.com-今晚福彩快开奖结果| www.292591.com-江苏快三预测助手| www.670690.com-重庆时时彩有几种| www.874752.com-彩名堂最新版| www.984556.com-炫彩陀螺-| www.hs89.com-北京福彩管理中心| www.05vz.com-最顶级的水彩颜料| www.440887.com-彩色混凝土磨石地坪| www.696980.com-今日竞彩足球比赛| www.qk4.com-惠民乐彩票-| www.355678.com-彩票开奖结果对比器| www.32196.cc-易彩真假-| www.813784.com-能用微信支付的彩票| www.910281.com-彩吧彩报预测版| www.bu22.com-网投彩票是什么意思| www.rs84.com-彩客站北京快三| www.597654.com-彩薇花生产厂家| www.695203.com-足彩310免费直播| www.970724.com-新浪体育足球彩票网| www.lq23.com-跟计划买彩票可信吗| www.702705.com-网上67彩靠谱吗| www.762028.com-佳能彩色复印机| www.11064.com-好的足彩软件| www.731487.com-彩票兼职日赚500| www.274062.com-香港时时彩走势图| www.891617.com-看彩票走势的app| www.cj72.com-吉林省福彩中心官网| www.789064.com-足彩中5808万| www.853007.com-最好的手机彩票软件| www.917506.com-必赢彩票骗局| www.974564.com-众彩官方网站| www.cai958.com-湖北福彩快三走势| www.01lc.com-天彩app官网| www.875569.com-今期彩霸王图库| www.934307.com-智博彩票网登录| www.976043.com-彩礼的起源-| www.rs98.com-彩票坊官方下载| www.05of.com-儿童彩铅铅成品画| www.44169.cc-银海布衣彩吧图库| www.438354.com-体育彩票店在哪里好| www.603667.com-梦见去买彩票| www.cai7399.com湖北快三今天| www.sx06.com-7星彩2个号是多少| www.73zl.com-公益中华彩票网| www.986468.com-彩票33软件安卓版| www.hu01.com-e球彩3场奖金| www.807313.com-彩票50-| www.239400.cc-快三输钱了怎么回血| www.2897.xyz-779木漫画全彩| www.799510.com-搜索一品彩票网| www.919913.com-租用彩票平台挣钱吗| 网易彩票www.083wy.com| www.948240.com-福彩与你同行| www.cai1211.com快3彩票开奖号码| www.0131.org-威尼斯怎么去彩色岛| www.460074.com-炫彩背包未解锁颜色| www.as81.com-湖北一定牛精彩十分| www.629983.com-76c会员彩票| www.799619.com-福利彩票店铺| www.00451.cc-南京华彩国际学院| www.183531.com-彩票11选五-| www.555460.cc-哪个彩票app可靠| www.661624.com-网投分分彩作假| www.780498.com-nba篮彩分析预测| www.949283.com-易彩测速福地| www.ap11.com-彩之星江苏快3| www.31173.cc-福彩快3中奖技巧|