头像

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

来源:http://www.fromnicktoyou.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.fromnicktoyou.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.0158.pw-彩色的特征包括| www.230603.com-快三最高奖金多少| 杏彩www.00840z.com| www.63ue.com-体彩3d开奖结果l| 13e彩票www.810872.com| www.655816.com-708彩票下载| www.753710.com-双色球预测彩经网| www.864585.com-掌中彩靠谱吗| www.958405.com-10选5彩票怎么骗| 鑫亿彩www.027079.com| www.289659.com-106.彩票下载| www.21682.cc-玩彩票大咖-| www.94851.com-广西电脑彩票| www.623262.com-曲昌春讲历史看竞彩| www.783029.com-保定市福利彩票中心| www.948140.com-神彩福牛预测| www.ds90.com-福、彩3d开奖结果| www.08qr.com-爱购彩票是骗局吗| www.3267.cc-彩票快三开决记| www.0508.cc-三分快三网站| www.291952.com-快三秒珍珠奶茶加盟| www.41596.com-彩牛美缝剂-| www.278639.com-泸溪白沙快三秒电话| www.929762.com-七星彩公式杀号| www.cp890.cc-大发快三代理| www.22284.com-彩票投注侠正规吗| www.700942.com-福彩出号走势图| www.964508.com-微信彩票林老师| www.4384.cm-2016年福彩和值| www.223982.com-中国体彩网足球| www.374984.com-福彩直播在哪看| www.089048.com-重庆福彩是正规的吗| www.022513.com-研究彩票走势有用吗| www.949346.com-足彩北单是什么意思| www.948385.com-体彩中奖助手下载| www.05gt.com-彩铅渐变画-| www.181911.com-安福彩快三走势图| www.2220.hk-重庆时时彩冷热新浪| www.nq81.com-赌博买彩票-| www.jb8.cc-福彩快3开奖号| www.900370.com-e77乐彩登陆| www.wn70.com-彩票看走势软件| www.2943.org-福利彩票怎么算奖| www.397143.com-长沙福利彩票市场| www.830413.com-凤凰微彩-| www.539578.com-777福彩双色社区| www.640137.com-遂宁福彩地融资公司| www.330457.com-重庆时时彩五星综合| www.853824.com-云南时时彩开奖官方| www.973672.com-卓易彩票app下载| www.188161.com-甘肃快三开爱彩乐| www.812038.com-乐彩论坏-| www.bm89.com-帮人代玩彩票是套路| www.23.gg-开彩网开奖号码| www.102145.com-彩神软件破解| www.206402.com-玩彩票倍投靠谱吗| www.26eb.com-七星彩体育彩票今期| www.092398.com-香港彩先知tm网| www.849310.com-篮球彩票吧百度贴吧| www.099010.com-体彩11选五复式| www.ct14.com-实力私彩平台| www.455339.com-华彩生活app下载| www.561192.com-天际彩票我的账户| www.869882.com-福彩3d杀码最准| www.96.cc-雨后见彩虹励志句子| www.in09.com-山东福利彩票官网| www.666116.com-500彩票双色球| www.745118.com-彩02app网页| www.842929.com-福彩哪年起售| www.906414.com-江西快三网投| www.966188.cc-快三今日推荐豹子号| 幸运彩票www.937299.com| www.896300.com-500彩票怎么样| 818合彩www.www.8000hc.com| www.295888.com-江苏快三360杀号| www.n13.club-网络彩票平台吧| www.55547.com-买福彩快三-| www.048047.com-山东福彩官网首页| www.505035.com-澳洲快乐彩假不假| www.582176.com-阳光彩票注册地址| www.653010.com-时时彩手机五星缩水| www.274579.com-肖立刚福彩讲师| www.200448.com-体彩481几种玩法| www.qi00.com-中原彩票平台| www.0066.biz-辽宁体彩年销量| www.285900.com-河南福彩幸运彩直播| www.968525.com-广州九彩互动| www.cs54.com-5彩票app-| www.33816.cc-浙江福彩专业版| www.807157.com-福彩三d天吉网| www.18993.cc-爱彩乐怎么没有了| www.77181.com-多彩网官方网站| www.212975.com-玩彩票最靠谱平台| www.995064.com-彩部首-| www.68lv.com-彩易一福彩3d| www.03468.com-怎样戒掉买彩票| www.971145.com-下载9彩app软件| www.356792.com-中国红彩票幸运奖| www.709057.com-中庆时时彩遗漏数据| www.846719.com-什么是外围买足彩| www.ao6.com-安徽快三走势助手| www.509289.com-快三必中软件| www.22182.com-彩礼20万-| www.4711.com-一万买彩票能中吗| www.101147.com-彩运8计划-| www.159118.com-头奖彩票下载| www.242447.com-四亿彩票网址| www.771592.com-貂蝉彩票专家专栏| www.vt53.com-中信福彩是真的假的| www.1pt.com-福彩门户手机网址| www.759646.com-体育彩票时时彩11| www.859963.com-河内时时彩在线计划| www.926208.com-成功彩票软件下载| www.976427.com-河南体彩中奖的人| www.cp6675.com-湖北快三玩法奖金| www.424755.com-幸运十分彩走势| www.002645.cc-海南七星彩私彩预测| www.737880.com-博彩计划软件| www.171722.com-上海快三走势图表| www.320540.com-百变王牌百宝彩| www.440679.com-五百彩开奖-| www.72511.com-河北福彩票-| www.lv09.com-大发时时彩计划交流| www.37do.com-什么是uk彩安全吗| www.60991.com-石家庄彩票大奖| www.277688.com-手机彩票软件破解| www.385955.com-帮人代玩彩票| www.698482.com-海宁体育彩票| www.25586.com-彩库宝典2016| www.553927.com-熊猫竞彩中乙回放| www.823.cc-六开彩开奖直播现场| www.32636.com-政府针对彩礼的管控| www.761054.com-彩礼钱是给女方父母| www.861626.com-福利彩票店几点下班| www.37628.com-彩虫下载安装| www.035856.com-体育彩票店开业宣传| www.132442.com-兰考彩礼-| www.23io.com-运盛彩票导航路线| www.784360.com-千里马彩票-| www.05616.com-5000彩票网站| www.0eb.com-任九场胜负彩预测| www.022135.com-下菜彩票-| www.388633.com-七星彩投资-| www.932195.com-彩票万能-| www.036235.com-十一选五购彩平台| www.226586.com-三分彩-| www.497333.com-万福彩票下载| www.951746.com-竞彩中奖查询| www.60hz.com-网易红彩到底怎么玩| www.72620.com-福彩彩迷天地双色球| www.482786.com-惠彩网络科技| www.161032.com-广东福彩网官方首页| www.227731.com-江苏快三和值| www.388602.com-买彩票要买几个数字| www.591157.com-福彩排列7玩法| www.25890.com-彩虹旗的寓意| www.167916.com-福彩快三app下载| www.682758.com-黑彩网站有哪些| www.x66.net-预测彩票中奖| www.311966.com-3d彩票开奖-| www.441052.com-炫彩粒子下载| www.536906.com-怎么看彩票下的黑点| www.049930.com-体彩排列五综合| www.69440.com-多赢彩票-|