头像

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

来源:http://www.tiyuyingshi.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.tiyuyingshi.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.84ue.com-2016体彩-| www.7532.cn-竞彩申请名额| www.33960.com-彩票回血团队| www.87115.com-98c彩票10余年| www.056648.com-七星彩好中吗| www.197532.com-彩界毒王-| www.279665.com-时时彩公式怎样算| www.386323.com-彩票多ip解决方法| www.520105.com-财神彩票简体中文| www.599370.com-机选彩票如何中大奖| www.680281.com-网易彩票中奖不承认| www.769219.com-彩票女套路-| www.906271.com-彩色是不是表示颜色| www.977264.com-高价彩礼国家不管吗| www.jx26.com-快三和值表奖金图片| www.n91.org-分分彩注册-| www.51rz.cc-彩虹伞亲子游戏音乐| www.0621.org-麒麟竞彩注册| www.9327.cn-新加坡是什么彩票| www.86192.cc-500万彩票网页版| www.057867.com-甘肃快三号码遗漏| www.160329.com-北京体彩快中彩查询| www.256298.com-易盈彩票下app| www.335735.com-吉林快三经典彩| www.426996.com-绝对可靠的足球彩票| www.532334.com-微信带你买彩票的人| www.659666.cc-高频彩怎么开奖的| www.757449.com-加入购彩团队安全吗| www.857226.com-说买彩票的幽默话语| www.931507.com-彩运8网页-| www.991924.com-时时彩定胆不错方法| www.mt6.com-湖北快三预测分析| www.ri08.com-重庆时时彩倍投计划| www.13pq.com-郑州畜牧路福彩大厦| www.88fo.com-众购彩票平台登录| www.2762.org-唐山市福彩中心电话| www.8737.xyz-高频彩开奖视频| www.64708.cc-竞彩平赔负赔相同| www.028611.com-盛彩下载-| www.719335.com-新彩吧官方免费下载| www.5632.cc-微信群投注彩票| www.372251.com-彩票app定制开发| 新盈彩www.xinyc2.com| www.ix47.com-凤凰彩票网址大全| www.e44.com-123体彩-| www.38au.com-体彩七乐彩连线走和| www.1763.vip-福利彩票去哪买| www.8649.vip-众彩乐综合版| www.51363.cc-湖南体彩网官方网站| www.96853.cc-安徽彩民李永志| www.066596.com-福体彩开奖直播话题| www.137117.com-七彩杯官网-| www.216322.com-彩票双色球复式玩法| www.292778.com-广西福彩中心官网| www.367009.com-彩铅画彼岸花教程| www.450376.com-7k彩票站-| www.543057.cc-3d福彩图吧-| www.791950.com-查找附近的彩票站| www.871029.com-时时彩人工计划定胆| www.984542.com-8彩app下载-| www.bk71.com-十一选五体彩浙江| www.to07.com-今天的江苏快三| www.04uz.com-彩色铅笔画人物简单| www.76vp.com-全国体育彩票| www.1506.me-彩虹儿童歌曲| www.01321.com-8彩店-| www.56058.com-彩票怎么算的数字| www.003650.com-手机端彩票-| www.073192.com-全民彩快3预测| www.137819.com-尊彩网下载-| www.214528.com-四亿彩票网-| www.285697.com-彩票助赢软件好不好| www.440050.com-契诃夫彩票人物分析| www.533633.com-彩票中心没有双色球| www.629962.com-福彩3d北海推荐| www.700028.cc-河内2分彩人工计划| www.778656.com-1111彩票安卓版| www.883246.com-百度彩票走势图| www.964164.com-彩乐乐大乐透杀号| 天下彩www.249770.com| www.gl24.com-中原彩票手机app| www.ya95.com-福彩中大奖在哪里领| www.19yb.com-排列3走势图彩票| www.894.xyz-彩典宝厍-| www.4916.cc-福利彩票知识指南| www.00355.com-快三和值计算技巧| www.65136.com-三的福彩图-| www.023783.com-彩票客户端哪个好| www.094200.com-福彩二十选八走势图| www.160906.com-葫芦娃论坛香港彩票| www.267371.com-十四场胜负彩| www.354568.com-加拿大彩票大乐透| www.435528.com-体育彩票申办| www.526025.com-竞彩购买技巧分享| www.627968.com-福彩计划杀码论坛| www.696210.com-鲤鱼立体彩铅画| www.771326.com-丰大彩票网-| www.875078.com-极速时时采彩| www.947751.com-爱彩乐黑网-| www.996141.com-黑龙江体育彩票中心| www.oo4.com-一定牛江苏快三预测| www.pi06.com-体彩杀号-| www.7io.com-手绘彩铅甜点食物| www.60er.com-福彩3b字迷图库| www.0020.com-上海买彩票一夜暴富| www.7751.net-足彩最新伤停| www.23368.com-体彩竞彩网让分| www.62833.cc-开彩网计划-| www.030838.com-彩61不能提现了| www.102888.com-幸运彩票有规律吗| www.165006.com-安徽体彩中心领导| www.267375.com-五百万彩票图| www.346466.com-元代红绿彩-| www.417577.com-广州体彩网唯一官网| www.513607.com-时时彩后二稳赚方案| www.578847.com-江苏彩票店图片| www.643997.com-比特币一分彩走势图| www.769162.com-好彩0567官方| www.903030.com-孕之彩-| www.964619.com-6701彩票app| 中国福利彩票www.6364a.com| www.bx52.com-体彩排列三规则| www.ry19.com-快三秒奶茶经营模式| www.14hl.com-彩经网预测1| www.90qf.com-家彩网高手论坛| www.2176.in-福彩3的今天彩涂| www.7269.com-彩虹6号无人机干员| www.17569.cc-傲赢彩票网官方网站| www.56509.com-彩票怎么计划的| www.038382.com-新大陆时时彩| www.120141.com-数字型彩票博弈论| www.183111.com-一品堂彩票网站| www.249323.com-e购彩彩票中心| www.313107.com-彩神x邀请码怎么弄| www.377320.com-天下彩民-| www.530335.com-铁公鸡七星彩查码| www.606662.com-属虎彩票号-| www.668778.cc-华人娱乐彩票方网站| www.732393.com-彩66官网下载| www.795708.com-彩牛彩票安卓链接| www.862786.com-购彩计划软件下载| www.918776.com-博彩有哪些大平台| www.965320.com-购彩网邀请码是什么| 体彩网www.3890h.com| www.bo94.com-网易彩票应用软件| www.qz01.com-打快三有赢钱的吗| www.08eg.com-好看的彩铅画风景| www.67ix.com-太原体彩店转让| www.0188.site-足球彩票19048| www.7461.cn-开家体彩的要求| www.17488.cc-淘彩app下载官方| www.53352.com-好彩客app老版本| www.91698.com-五百彩票网注册| www.041062.com-分分彩稳定长期挂机| www.158122.com-足彩18086冷热| www.233955.com-十分快三是国家统一| www.299084.com-计划快三软件下载| www.361656.com-爱玩彩票手机版下载| www.432799.com-彩票达人下载安装| www.520347.com-特区七星彩纶坛下载| www.579317.com-人人中彩票正规吗| www.639861.com-领益收购东方亮彩| www.800700.cc-福彩代打靠谱吗| www.856082.com-梦见七星彩号码中奖|