头像

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

来源:http://www.dijitala.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.dijitala.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
三分PK拾 www.74446.com-中国足彩中心| www.747654.com-天津华夏快三预测| www.852239.com-足球竞彩推荐网易| www.953509.com-竞彩直播比分| www.lc9.cc-e球彩走势图| www.1768.org-大亨快三高级算号器| www.135486.com-福彩三地图迷总汇| www.47ys.com-七星彩开奖的走势图| www.2381.in-七彩西游记在线豆丁| www.01408.com-售彩app-| www.t77.net-优彩交流论坛| www.80558.com-刑法经营体育彩票| www.889260.com-大小单双彩票平台| www.964059.com-体彩14场规则| www.cai156.com-快三彩票平台哪个好| www.537126.com-软件买彩票-| www.686768.com-彩票中奖彩民| www.242234.com-如何破解数字型彩票| www.391766.com-陕西福彩网官方网站| www.cp6110.com-福利彩票软件下载| www.954198.com-7k官方彩票566| www.204499.com-福彩快3新规| www.239639.com-微信群快三赚钱吗| www.810.mobi-附近有彩票店没有| www.288667.com-福彩快3福建| www.119206.com-江苏快三中奖口诀| www.093901.com-时彩宝典软件下载| www.551056.com-足球彩票合买合买| www.697018.com-福利彩票开奖软件| www.955527.com-彩票店如何刷销量| www.075539.com-新疆福彩中心| www.189086.com-快三开奖内蒙古的| www.168103.com-河北快三中奖规则| www.621813.com-今天三d买什么彩票| www.796168.com-中彩网高手博彩论坛| www.947582.com-足彩微信公众号排名| www.827398.com-快乐3分彩技巧| www.mt94.com-彩宝宝苹果版下载| www.98ec.com-江苏体彩七位数历史| www.33088.cc-那个彩票软件送钱| www.948223.com-福彩3d上仙杀码| www.602418.com-彩票必中咒语| www.037116.com-k8彩票app-| www.86773.cc-竞彩猫个人主页展示| www.53839.cc-如何举报福彩体彩| www.386.org-中彩票大奖几率| www.05249.cc-在手机买彩票可靠吗| www.610086.com-易购彩官网-| www.707219.com-易彩账号登陆| www.496825.com-银行卡号被十三彩| www.0807.cc-网络彩票刷流水| www.200371.com-彩客网彩票-| www.73280.com-五彩戏娃全集20| www.0100.top-彩票能回本吗| www.96pc.com-彩票盈利方法| www.8046.pw-水彩画画教程| www.355384.com-彩乃奈奈百度云图片| www.749304.com-中彩彩票有风险吗| www.13931.com-竞彩网是正规的吗| www.59975.cc-好彩官方资料大全| www.033507.com-快乐彩票则么玩| www.737484.com-福彩3d井奖结果| www.836578.com-快三如何看和值| www.918007.com-955彩票合法吗| www.976056.com-许昌结婚彩礼| www.tr.com-内蒙古快三豹子遗漏| www.586653.com-英语赛车时时彩骗局| www.686015.com-福利彩票下载下| www.778454.com-彩乐园1-| www.866012.com-491彩票港彩| www.930765.com-买快三怎么追豹子4| www.989668.com-家彩开奖号-| www.ed6.cc-快三跨度豹子| www.4325.wang-体彩排五开奖专| www.231194.com-海南快三查询| www.015842.com-七星彩中奖有顺序吗| www.86629.cc-衡阳福利彩票招聘| www.0067.top-福彩1d多少钱| www.81pl.com-赣州福利彩票店店址| www.13523.cc-胜负彩计算器| www.029009.com-爱彩乐专业版下载| www.261872.com-计划彩票-| www.666376.com-乐彩网是不是正规的| www.826262.com-超级彩票系统| www.cai1239.com最大的快三投注平台| www.450.xyz-吉林快三投注| www.5140.cc-体彩网上购买app| www.524148.com-最快彩票开奖| www.sy81.cc-七星彩中五个好| www.1009.vip-福彩开奖星期几| www.907069.com-重庆时时彩怎么赚钱| www.966485.com-皇家彩世界害人不浅| E彩堂www.43818e.com| www.ev12.com-彩票开挂平台| www.27972.com-福彩双色球3d图谜| www.b51.net-重庆时时彩有官网| www.833382.cc-手机乐赢彩票网| www.515060.com-七星彩其实最好中| www.578971.com-体彩扑克3-| www.638467.com-邻近色彩构成图片| www.701888.cc-竞彩足球预测网88| www.770736.com-时时彩11选五| www.933235.cc-各省份快三时间| www.936067.com-博彩刷流水挣钱吗| 55彩票www.755874.com| www.377108.com-106彩票苹果| www.409557.com-3d彩吧彩报笫三版| www.517732.com-我爱彩票站-| www.664182.com-重庆寸时彩遗漏查询| www.879510.com-易彩一彩民福地客服| www.590904.com-彩客彩票推荐| www.766308.com-湖北体彩快3结果| www.930.cn-7星彩一等奖| YY彩票www.yy63.com| www.655676.com-彩票中奖了整蛊短信| www.181399.cc-中国福彩快三走势图| www.258360.com-彩先知网-| www.387287.com-彩票有私人开的吗| www.629959.com-张路最新足彩推荐| www.015670.com-手机怎么买七星彩| www.081604.com-3d山西彩民乐今天| www.21187.cc-福利彩票吧百度贴吧| www.63144.com-2019年彩礼法律| www.99511.com-三分时时彩计划预测| www.061913.cc-人人买彩票安全吗| www.126542.com-湖北体彩案-| www.954685.com-500彩票开挂软件| www.330540.com-吉林快三微信群正规| www.387521.com-手机膜有彩色| www.657413.com-今天是什么彩票开奖| www.41oh.com-澳洲三分彩规则| 大钱庄彩票www.440343.com| www.uj06.com-内蒙古福利彩票开奖| www.zo75.com-中国竟彩足球计算器| www.818678.com-旧版500万彩票网| www.882068.com-彩票兼职可靠吗| www.944533.com-248彩票下载安卓| www.995024.com-5000彩票网-| www.aw91.com-3d图库彩吧第一版| www.qg94.com-好彩双爆多少钱一包| www.o41.net-离婚后买彩票中奖了| www.675813.com-彩票站有快三吗| www.589010.com-南国七星彩高手交流| www.695597.com-中国福利彩票造假案| www.853941.com-中国销售彩票史| 好彩头彩票www.90305f.com| www.509201.com-和盛彩票线路导航| www.570789.com-自己可以发行彩票么| www.40kx.com-七星彩走势图二元网| www.65211.cc-彩娃彩票官网网址| www.cp4506.com-app快三助手下载| www.887235.com-快乐彩怎么玩才赚钱| www.978734.com-微信买彩票安全吗| www.ns6.com-甘肃时时彩开奖结果| www.000314.com-多彩app官网| www.ut55.com-刷彩票流水单攻略| www.5978.biz-盛兴彩票网登录| www.397265.com-彩票信用盘开户| www.080835.com-第三方彩票网站| www.221386.com-博牛彩票注册| www.095454.cc-浙江十一选五爱乐彩| www.193711.com-吉林省体彩兑奖地址| www.291673.com-内蒙快三组合| www.428001.com-足彩105期-|