头像

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

来源:http://www.gdhsgroup.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.gdhsgroup.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.798800.com-网上时时彩怎么玩的| www.910969.com-网上k彩合法吗| www.983628.com-买足球竞彩网| www.fs17.com-全天最准uu快三| www.yu68.com-上海快三开奖规律| www.28dn.com-马来西亚福彩字花| www.870822.com-彩81彩票骗局| www.977616.com-彩票跟单骗局| www.hv51.com-体彩快中彩怎么查询| www.534753.com-什么彩票是六个数字| www.652145.com-新浪彩票手机版下载| www.745459.com-成功彩票网站| www.826786.com-天下彩票大全看图| www.896782.com-网络彩票漏洞赚钱| www.962241.com-彩票3d跨度表| 500彩票网www.97655d.com| www.590628.com-福彩3d高级走势图| www.676871.com-彩色压印艺术地面| www.761670.com-好彩网团队-| www.844733.com-红五福彩三地图库| www.769525.com-app新盈彩-| www.196619.com-下载百宝彩票| www.331094.com-河北彩票app| www.523683.com-时时彩号码怎么预测| www.901971.com-黑彩当庄输了| www.74581.com-彩色沥青做法| www.0857.date-福彩十全十美玩法| www.31446.com-泰国快三-| www.dl68.com-马来西亚福利樂和彩| www.5oj.com-竞彩足球扣税规则| www.78jr.com-时时彩后三全天计划| www.1871.com-彩46app下载| www.05148.cc-网络彩票2019| www.jo02.com-福彩双色球预测推荐| www.44iy.com-46彩下载-| www.1112.me-足彩五串一错一场| www.9285.vip-网易彩票基本走势图| www.47388.cc-好彩3复式-| www.92645.com-体彩实体店在哪里找| www.062472.com-59彩票网-| www.166347.com-一分快三怎么玩| www.245931.com-彩票驿站主页| www.254178.com-湖北快三牛彩专用走| www.215.tv-玩彩的软件-| www.9877.live-纪检委查福利彩票| www.75899.cc-澳门官方彩票投注网| www.506030.com-彩虹店铺app下载| www.606850.com-狗的彩票是什么号码| www.10.cn-黑客找彩票漏洞赚钱| www.24349.com-超级彩票软件| www.111042.com-掌上看家彩集| www.281474.com-福利快三中彩网| www.421037.com-今日福彩p3中奖| www.566142.com-慧金彩ios-| www.7394.cn-普陀区体育竞彩店| www.38591.cc-爱彩票app1-| www.13693.com-时时彩开奖公告| www.99326.cc-时时彩安卓版下载| www.085079.com-彩票ios版-| www.396023.com-彩博娱乐网址| www.y86.net-彩漫福利本子| www.8330.vip-七星彩预测图规| www.69280.com-体彩14场胜负规则| www.671232.com-彩一网正版藏机图| www.787577.com-足球竞彩36o| www.921771.com-七乐彩中奖号今天| www.vr.cc-皇都彩票是真是假| www.b95.top-七星彩下载最新版本| www.82yi.com-好运彩吧-| www.8956.vip-时时彩屠龙计划软件| www.70446.com-大钱庄彩票软件破译| www.052057.com-租app彩票服务器| www.139382.com-公务员可以买彩票吗| www.133.cn-彩虹的约定吉他谱| www.73xu.com-好彩客苹果下载不了| www.6021.cn-500竞彩app-| www.230794.com-彩运8平台安全吗| www.364689.com-山东群英会彩彩乐| www.479702.com-7星彩骗局-| www.560298.com-k8彩票在线网站| www.521883.com-福体彩开奖公告查询| www.648158.com-香港行政快三投注| www.732921.com-体彩第19044期| www.795756.com-一分彩被骗-| www.870873.com-二元3d彩票-| www.937316.com-鸿博彩票靠谱吗| www.984402.com-时时彩砍龙啥意思| www.wl1.com-甘肃快三在线计划| www.00xf.com-彩票亏了-| www.131040.com-安阳市区彩礼| www.326510.com-七星彩怎么兑奖规则| www.539687.com-彩票怎么杀号| www.626078.com-重庆三分彩官方下载| www.723127.com-快三属于违法么| www.810111.cc-必赢彩票网址| www.881459.com-黑彩前十名排行榜| www.951314.com-中彩拉app-| www.06gp.cc-彩铅叠色变深技巧| www.70md.com-乐博彩票下载app| www.4025.cc-365博彩靠谱吗| www.01257.com-大彩串口屏显示抓屏| www.959823.com-时时彩毒胆秘诀99| 大赢家彩票平台www.978127.com| www.tr12.com-万博彩票代理的佣金| www.12006.com-彩米彩票app| www.54420.cc-白菜彩金网大全| www.93644.com-一分快三口诀| www.558832.com-雨后彩虹微信头像| www.6233.cn-彩神vii安卓下载| www.1177.net-福彩3d的组合| www.lo12.com-正规彩票平台推荐| www.090678.com-体彩6-| www.132550.com-18051期足彩| www.254092.com-彩客彩票苹果版本| www.351222.com-体彩店挣钱吗| www.843775.com-足彩一注多少钱| www.926225.com-彩票一般多少钱| www.981043.com-七彩鲜花店-| www.129690.com-体育彩票有多少球| www.298477.com-辽宁快三一共多少期| www.456038.com-4s彩票现场直播| www.623543.com-如何破解竞彩猫| www.152244.com-e球彩助手手机版| www.221035.com-下载彩神app| www.297797.com-苏州快三的开奖| www.008589.com-足彩19051开奖| www.107106.com-玩01彩票输的想死| www.171812.com-福彩精彩十分玩法| www.241683.com-七星彩怎么赔| www.313107.com-彩神x邀请码怎么弄| www.382361.com-排列3走势图彩票| www.486234.com-想玩时时彩的找我| www.572572.com-中国体彩e彩球| www.828036.com-彩民网是什么| www.954403.com-3d彩宝网开机| www.wi57.com-彩神幸运飞艇| www.22kv.com-彩票中一等奖机选| www.020030.com-体彩19042-| www.100087.com-百宝彩青海快三| www.170922.com-一分快三规律| www.241789.com-七星彩怎样选号码| www.298825.com-彩迷吧-| www.465177.com-古建彩绘文样| www.543675.com-福彩3d小军第4版| www.728772.com-中国福彩3d新彩吧| www.791489.com-三星级彩票店图片| www.853741.com-天津彩票快时时彩| www.au45.com-福利彩票官方手机版| www.vm72.com-江苏快三金手指预测| www.15mr.com-七乐彩杀号定胆2| www.60909.com-涿州体彩中心在哪| www.039075.com-网投彩票网址| www.04pr.com-最新七乐彩的奖池| www.2433.pw-时时彩后二技巧绝密| www.09nz.com-齐彩双色球开奖结果| www.58rn.com-中国体育彩票总局| www.554.mobi-a9彩骗局-| www.101559.com-玩彩票167cc| www.153265.com-大发快三如何赢钱| www.772548.com-中华娱乐彩票app| www.116867.com-彩之乐彩票网怎么样| www.40970.com-亚洲彩票注册邀请码| www.99275.com-甘肃快三怎么玩法| www.065815.com-彩虹吉他谱原版|