头像

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

来源:http://www.wotaomao.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.wotaomao.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.220201.com-彩票快3助手| www.235674.com-山东福彩彩友沙龙| www.86094.com-博兴彩涂印花板| www.674680.com-体彩七位数历史号码| www.777867.com-高手彩票特彩吧| www.856589.com-中国体彩七星彩走势| www.921596.com-今日青海快三走势| www.685301.com-福利彩3d-中彩| www.968046.com-哪个平台有河南快三| www.mx14.com-福彩店申请新规定| www.051367.com-大发快三星光| www.ji86.com-安徽快三奖金规则| www.7mj.com-公司年终奖彩票中奖| www.652218.com-福彩大乐透走势图| www.883471.com-百度彩票app| www.598478.com-7星彩19027期| www.707267.com-竞彩足球今日强胆| www.805385.com-金彩彩票下载| www.898799.com-彩票顺龙-| www.978668.com-贵烟新好彩价格| www.by41.com-福彩彩票店宣传语| www.ut48.com-快三大小单双计划| www.29zu.com-蝴蝶彩铅画图片大全| www.26899.cc-七星彩规则| www.995104.com-五分彩官网平台| www.gf02.com-网络彩票骗局全过程| www.c39.top-福彩快3到几点结束| www.48cy.com-体彩天下一主页| www.0068.com-中国福彩时时彩奖金| www.108937.com-买彩票的坑-| www.199225.com-江苏老快三开奖走势| www.283831.com-吉林快三微信群骗局| www.01pa.com-体育彩票世界杯文案| www.053955.com-为陌生人买彩票| www.24ke.com-手机背板彩膜| www.98ye.com-大发分分快三| www.214008.com-天天彩票官网| www.895132.com-南京华彩赢家合法吗| www.992272.com-时时彩百位如何定胆| www.bq26.com-彩票网站哪个最正规| www.289376.com-福彩直播开奖现场| www.369540.com-旺旺时时彩-| www.452323.com-彩票店合作或转让| www.541651.com-竞彩猜比分-| www.304818.com-快三怎么打才能稳赢| www.797592.com-99购彩票骗局| www.6573.me-彩民堂客户端官网| www.32156.com-80彩票下载平台| www.87538.com-南方彩票是真的吗| www.396206.com-2017年十大彩宝| www.560825.com-足彩app大小球| www.880357.com-彩票中奖没人领| www.987305.com-手机版平安彩票| www.ao41.com-彩票中奖查询双色球| www.uk30.com-大赢家网站彩票| www.19ul.com-手机版彩票挂机软件| www.0352.date-大地彩票安卓版| www.6477.net-天天彩票登录注册| www.19863.cc-天天时时彩论坛| www.63136.cc-各省市彩票开奖结果| www.826283.com-33彩票33cc彩| www.919142.com-黑彩安全平台网址| www.y22.top-奥客彩票排列五开奖| www.87xw.com-彩之缘-| www.3763.cc-彩票大-| www.739339.com-多盈彩票网址| www.628440.com-360手机彩票| www.70ni.com-华彩网-用户登录| www.jk7.cc-江苏快三官网| www.145422.com-体彩新玩法、基诺| www.252326.com-福利彩票发行宗旨| www.332424.com-668彩票2805| www.k20.cn-中国彩吧更懂彩民| www.385226.com-网上买彩票中一等奖| www.692708.com-彩神v违法吗| www.823188.com-天下体彩主页| www.887979.com-体育彩票店利润| www.976242.com-2018镇平彩礼| www.ds15.com-彩票中奖有技巧| www.70we.com-彩易达西安-| www.561434.com-鸿彩直播花儿| www.420878.com-3d2元彩票网| www.155489.com-尊彩网邀请码在哪里| www.368957.com-登录大众彩票| www.521507.com-中国体育彩票招聘| www.238.date-网络买单双大小彩票| www.05778.com-彩票46app-| www.062656.com-8k彩票稳赚群| www.237571.com-幸运快三走势图软件| www.196929.com-安徽快三和值| www.266869.com-众彩网手机版下载| www.691.com-超信做彩票帮投单| www.314316.com-今天3d彩报图| www.u94.cn-旧版310彩客彩票| www.370123.com-132.cc彩票-| www.476651.com-体彩图谜总汇全图| www.559854.com-菠菜网彩金论坛| www.623688.com-财富彩票黑吗| www.688552.com-105彩票输的太多| www.762275.com-福彩3d表格图| www.150897.com-湖北快三直播画面| www.5819.top-体彩是怎么买的| www.827002.com-赚钱彩票送彩金| www.29gp.com-尤师彩票快速赚钱| www.8040.loan-水彩初学者临摹图片| www.118504.com-必发彩票网骗局揭秘| www.423764.com-星彩无惨吧-| www.586469.com-微彩吧是什么软件呢| www.22248.com-最新足彩区欧冠杯| www.89087.com-彩票牌照查询软件| www.711710.com-时时彩5星直选技巧| www.015427.com-七星彩500彩票网| www.030925.com-永乐国际彩票| www.hc21.com-彩八官网-| www.675757.com-竞彩足球比分直搐| www.36213.cc-3d开机号家彩网| www.116536.com-网络售彩十选五骗术| www.215398.com-湖北快三开奖预测| 富乐彩票www.403289.com| www.nx51.com-福彩快三网是真的吗| www.5380.cm-彩多多彩票合法吗| www.eh02.com-福建体彩兑奖地点| www.700106.com-旧板彩客网-| www.794054.com-公务员彩票中奖| www.871504.com-快三分分彩计划在线| www.247144.com-广东体彩网官网| www.312940.com-福利彩票幸运号码| www.132442.com-兰考彩礼-| www.17423.com-淘彩票app官方| www.81522.com-河北快三中奖牛人| www.025826.com-包头福彩中心| www.216570.com-河北保定快三开奖| www.47366.com-宝马彩票计划网页版| www.668422.com-福利彩票的黑暗| www.980182.com-竞彩胜负平计算器| www.qo95.com-彩票走势网首页| www.57ub.com-133彩票app-| www.479365.com-青岛福彩-| www.167844.com-河北快三跨度表走势| www.033681.com-易彩彩票邀请码| www.55851.cc-体彩777刮刮乐| www.nl28.com-足彩19042-| www.z03.com-彩票无敌大数中特| www.91ee.com-华为娱乐彩票平台| www.86552.com-彩鸿酒店-| www.059261.com-彩票的四季发财玩法| www.177628.com-吉林快三计划网| 网易彩票www.9356k.com| www.mk33.com-28彩票-| www.586388.com-体彩大乐透九宫图| www.551817.com-足彩军长推介| www.330670.com-大发彩票平台安全吗| www.776557.com-时时彩四星万能大底| www.4534.top-体育彩票19020| www.05807.com-中国竞彩网传统体彩| www.64002.com-足球竞彩新浪网| www.025319.com-多乐彩怎么玩| www.092351.com-166彩票电脑版| www.155882.com-安徽快三一定牛今天| www.240247.com-神彩8争霸-| www.266440.com-河北省福利彩票| www.tr79.com-七星彩票开奖现场| www.23hq.com-彩漫-| www.002643.cc-快三倍投10期计划|