头像

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

来源:http://www.chapianyi.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.chapianyi.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.323.hk-金巴黎彩票平台注册| www.00469.com-众彩平台-| www.594488.com-彩虹连接-| www.725681.com-有真中彩票的| www.819550.com-5分钟极速彩| www.894820.com-天天彩票开奖查询| www.964790.com-分分彩1期计划| 500彩票www.548177.com| www.008215.com-肥城彩票3亿| www.082048.com-大发快三平台遍人吗| www.866557.com-昨天彩票开多少号| www.971884.com-创彩网是什么| www.lo61.com-好彩票手机客户端| www.18669.cc-福利彩票三等奖| www.425656.com-体育彩票无人售票机| www.609081.com-彩票游戏源码| www.021862.com-彩吧图谜总汇全图| www.005489.com-泉州体彩聊天室| www.963647.com-vr彩票-| www.7rn.com-体彩排列五论坛吧| www.705339.com-中福利彩票领奖程序| www.523251.com-中国福利彩票网址| www.2016.tv-恒发彩票app| www.05520.cc-彩吧助手开奖公告| www.799999.com-四川福彩领奖地址| www.330700.cc-七天彩正规吗| www.480863.com-和彩云的主要功能| www.971334.com-体彩大乐透头奖概率| www.hc61.cc-福利彩8的老板是谁| www.575231.com-惠普彩色复印机硒鼓| www.220700.com-彩神争霸8-| www.311753.com-福彩3d彩报图库| 500万彩票www.96386z.com| www.879118.com-七星彩奖表下载安装| www.495116.com-青岛彩票站出兑转让| www.033865.com-体彩排列三独胆专家| www.016545.com-甘肃快三开奖结果啊| www.820918.com-彩钢板漆膜标准| www.137601.com-亚洲彩票登录| www.508298.com-福彩体彩开机号| www.58488.cc-掌中彩黑钱吗| www.35544.cc-彩民红心水i论坛| www.6xd.com-足彩九场胜负彩| www.1935.vip-河南彩票app| www.800205.com-下载中国体彩网| www.951288.com-京彩彩票官网邀请号| www.85wh.com-福彩3d分解大帝| www.539545.com-釉中彩餐具有害吗| www.365826.com-祥瑞彩票代打兼职| www.68328.cc-飞鱼体育彩票网址| www.75gh.com-体彩如何买的| www.111555.cc-怎样下载盈彩网| www.092737.com-如何处理问题彩民| www.2315.wang-福彩丹东图-| www.069221.com-福利彩票网易| www.964821.com-广西快三遗漏号码| www.27730.com-cp彩票推荐-| www.330748.com-大发彩票最新版| www.501201.com-竞彩时时比分| www.639604.com-申请竞彩的条件| www.782881.com-福彩1分快3-| www.901617.com-体彩排列五走| 彩乐乐www.cll168.com| www.9071.net-头彩网正规吗| www.nv56.com-福彩3d五行八卦图| www.56646.com-盈彩网网官网| www.52681.cc-为什么玩时时彩必输| www.053308.com-江苏快三高手讨论群| www.533001.com-体彩7星彩中奖号码| www.778417.com-精彩音乐汇点歌| www.323124.com-七星彩大师规律头尾| www.9666.cn-彩宝网开机号查询| www.98724.com-竞彩足球买量| www.130108.com-大奖快三套路| www.830910.com-发大财彩票娱乐平台| www.960533.com-北京快三和值技巧| www.xc9.com-彩吧论坛牛彩摘摘网| www.709503.com-大发时彩开奖| www.782996.com-福运彩票安徽快三| www.854487.com-快三开奖神器| www.909956.com-彩界联盟app| www.969446.com-彩票计划员违法吗| 大赢家彩票www.341011.com| www.94vw.com-胜负彩足球比分直播| www.308630.com-安徽彩票快3| www.14rl.com-安徽彩票中心在哪里| www.cr33.com-好彩客是骗局吗| www.3432.vip-北京一分钟赛车彩票| www.599109.com-快赢彩票app| www.688541.com-鸿鼎彩票登录的| www.777488.com-澳客彩app下载| www.875680.com-拉人玩彩票聊天方式| www.961435.com-河南郑州福彩中奖票| 大赢家彩票平台www.811030.com| www.15691.cc-中国6加1彩票玩法| www.656213.com-好乐彩票手机软件| www.at48.com-贵州快三和值走势图| www.948791.com-下载本地万彩吧| 爱彩www.00ac.com| www.12lu.com-福彩和尾走势图| www.120925.com-微信体育彩票合买群| www.886000.com-彩虹的约定简谱| 幸运彩票www.669278.com| www.777689.com-辉煌彩票官网登录| www.962523.com-哪个福彩app好用| www.098801.com-pc彩讯28-| www.265645.com-福彩3d秘籍-| www.8lr.cc-新宝彩票合法的吗| www.018572.com-福彩彩票官网| www.085813.com-彩神吧双胆预测| www.121909.com-阜阳福彩加盟电话| www.123675.com-福彩相年富-| www.215351.com-江苏省体育彩票| www.358143.com-彩薇-| www.818664.com-新时代竞彩推荐| www.925192.com-财神彩票平台| www.134332.com-贵烟新好彩-| www.866767.com-周六晚上开什么彩票| www.947824.com-竞猜彩票app| www.4455.xyz-澳门彩票投注公司| www.299709.com-看看内蒙福彩快三| www.309908.com-吉林体育彩票爱彩乐| www.375389.com-海南七星彩视频直播| www.355804.com-英国彩票税收| www.09100.cc-玩时时彩犯法判刑吗| www.1504.vip-《彩虹的约定》歌词| www.34528.com-2018玩彩平台| www.510745.com-彩虹屁怎么用| www.608082.com-巴西三分彩开奖查询| www.848033.com-福彩二等奖-| 易彩集团www.25688m.com| www.wp80.com-好彩0567最新版| www.76nw.com-彩票几点封机| www.c0.org-彩票送彩金38元| www.365513.cc-即开型彩票奖金| www.532582.com-彩票计算方程| www.598186.com-福利彩票复投计算| www.85la.com-呼市转彩票机流程| www.6228.cn-云南福彩有没有快三| www.505231.com-中国竞彩票-| www.369873.com-博彩支付接口判刑| www.489100.com-四川福彩招聘岗位| www.404458.com-结婚彩礼多少合适| www.979464.com-龙彩票-| www.32ds.com-双色球杀号唯彩看球| www.197929.com-快三赚-| www.497585.com-pk彩下载安装| www.72bd.com-梦见买彩票中大奖了| www.ys40.com-江苏省体彩中心主任| www.133693.com-雷诺好彩-| www.gt90.com-彩59这个app| www.19ds.cc-掌上购彩七天彩代理| www.394544.com-彩虹玫瑰花图片大全| www.62277.com-大赢家体育彩票软件| www.520927.com-福利彩票宣传广告语| www.8721.xyz-明发彩票平台| www.496123.com-幸运福彩app| www.594474.com-7彩彩票怎么赚钱| www.677909.com-支付宝怎么玩彩票| www.809980.com-彩票号码走势图| www.887553.com-玩彩网靠谱吗| www.948539.com-快三群骗局流程| 福运www.fyyy9.com| www.180778.com-中福彩票app|