头像

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

来源:http://www.subolang.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.subolang.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.25987.cc-彩虹色的七个颜色| www.g49.bid-彩经网老版走势图| www.114369.com-福彩双色球兑奖说明| www.689389.com-51彩票网站-| www.863397.com-乐彩客app-| www.g18.top-海南哪个彩票网好| www.78sd.com-利搏彩票怎么玩| www.349658.com-乐彩3d字谜-| www.545593.com-怎么推广彩票| www.635335.com-七彩云南玉器批发| www.33505.com-三合开彩-| www.89585.cc-577彩票网的资料| www.019573.com-好玩的3d彩票软件| www.122946.com-人工计划彩票119| www.76184.com-足彩单场倍投| www.923707.com-秒速时时彩计划群| 818合彩www.www.1555hc.com| www.cp1114.com-彩票平台新人送彩金| www.tz37.com-彩乃奈奈iv-| www.25bu.com-名发彩票-| www.0480.net-广州体育彩票app| www.184386.com-彩票走势图软件| www.657518.com-阳光福彩今晚开奖| www.793766.com-买网络彩票算赌博| www.v59.cn-牛彩网一彩搜网| www.7719.net-所以彩票318| www.31871.com-彩票3d魔图表| www.44tv.com-uc注册彩票安全吗| www.462186.com-只是购买黑彩| www.553553.com-竞彩nba宣传海报| www.632365.com-666彩票官方下载| www.707050.com-中国全民快三网提现| www.781465.com-微彩提现-| www.853867.com-365彩票能提现吗| www.916062.com-现在福彩生意好做吗| www.973771.com-下载体育彩票软件| www.lh9.com-彩票快三技-| www.zx85.com-彩虹六号手机壁纸| www.4951.cn-4567彩票客服| www.5678.net-买外围彩票软件下载| www.92np.com-澳洲五分彩赚钱方法| www.3770.cc-体彩11选五规律| www.17429.com-20选5彩票网| www.654674.com-体彩开机号10期| www.745813.com-棒棒彩票注册靠谱吗| www.848211.com-古建彩绘颜料经销处| www.933986.com-精彩中国彩票预测网| www.988936.com-彩83彩票登入网址| www.ef71.com-中国彩吧一更懂彩民| www.xq18.cc-彩票入门知识书籍| www.dc63.com-国家认证足彩分析师| www.114414.com-彩神安卓版下载| www.rv45.com-湖北快三对应码| www.33509.com-环球彩钢夹芯板| www.751147.com-彩票巴士是真的吗| www.970015.com-南方双彩网下载| www.ru97.com-3分快三是官方的吗| www.41xl.com-彩色透水地坪价格| www.660751.com-170彩票网图谜| www.836316.com-顺丰彩票网址| www.995064.com-彩部首-| www.qz10.com-时时彩一星杀号计划| www.62uy.com-晋城福利彩票153| www.587970.com-彩色复印机租赁上海| www.961498.com-福利彩票刮刮乐英文| www.kr3.com-内蒙福彩网上怎么买| www.gt35.com-河南快三综合走势图| www.810120.com-228好彩票-| www.931012.com-李永乐说彩票| www.cp9556.com-中彩网可以买彩票吗| www.15068.com-app凤凰彩票| www.470503.com-乐彩网三d首页| www.604915.com-宝马彩票注册| www.696698.com-竞彩网是正规网站吗| www.809161.com-七星彩的中奖概率| www.902488.com-体彩自助售卖机| www.977647.com-世界杯足彩中奖规则| www.cf08.com-福彩3d合买平台| www.fv34.com-玩彩票的群-| www.yg63.com-彩38彩票-| www.14tm.com-藏宝图彩庫宝典| www.83ur.com-今日说法时时彩骗局| www.80316.com-体彩今晚上开奖结果| 500彩票www.314577.com| www.ms89.com-旺彩双色球苹果版| www.033750.com-elg彩票-| www.561709.com-中彩彩票怎么买| www.672332.com-福彩三d之家首页| www.772456.com-五星彩票资料| www.837059.com-一定牛彩票网址| www.895204.com-七彩格子是干嘛的| www.954871.com-500竞彩足球网| www.998367.com-福彩试机码-| www.cw06.com-快三玩法和奖金| www.uq90.com-大发快三怎样看走势| www.463148.com-彩银制品价格骗人| www.581653.com-中国体彩网123| www.664742.com-七乐彩今晚开奖金额| www.748654.com-天下好彩百彩网址| www.867733.com-河南省体育彩票快赢| www.966215.com-发彩平台-| www.cj42.com-安徽快三奖金图| www.508855.com-彩铅手绘花图片大全| www.579024.com-日本彩票怎么查结果| www.663453.com-私自发行彩票| www.747931.com-彩易科思怎么样| www.897110.com-速盈彩票-| www.955989.cc-彩票为什么要搞字谜| 中国福利彩票www.34788z.com| www.734953.com-彩神通关注码是什么| www.828697.com-彩票站兑奖会被骗吗| www.897480.com-彩99软件合法吗| www.958401.com-时时彩七星彩玩法| 福彩天下www.803875.com| www.qp55.com-dd福彩快三-| www.11kt.com-做彩票代理赚钱吗| www.640.xyz-v博彩票平台| www.4192.com-黑龙江七彩云官网| www.vj28.com-如何玩好快三彩票| www.02co.com-七色彩虹哪几种颜色| www.iq97.com-快三和值怎么玩| www.wm39.com-彩票巴士是骗人的吗| www.19.biz-体彩即开彩票有什么| www.61im.com-心脏彩超参考值| www.995.live-彩票是选几个数字| www.4840.net-佬牛足彩19041| www.9388.top-双色球彩票防伪标志| www.132679.com-竟彩首网-| www.iy1.com-内蒙体育彩票快三| www.896.hk-美术作品图片彩铅画| www.133109.com-开彩色宝石店| www.275908.com-玩快三的软件下载| www.967354.com-快三万能码使用技巧| 盈彩www.890751.com| www.mr19.com-七星彩历史中奖号| www.12xy.com-王者彩票网被骗| www.72yb.com-足彩亚盘基础知识| www.0535.loan-易中奖彩票被调| www.5241.cn-派彩是反水金额吗| www.032674.com-体彩摇奖直播| www.113329.com-彩票预测表-| www.589025.com-全天重庆时彩计划| www.668310.com-最大彩票-| www.778981.com-购彩助手图片| www.835388.com-58彩票计划网| www.886132.com-国民升级版彩票| www.if82.com-代买彩票法律规定| www.wp93.com-快三20分钟一期| www.01cg.com-福彩快三坑人吗| www.103064.com-福彩快三过年放假吗| www.8970.cn-彩娱乐怎么做代理| www.655.xyz-福彩三地怎么选号| www.6067.shop-3d彩票直选技巧| www.587444.com-奇门遁甲预测彩票| www.657469.com-亿彩网官网下载安装| www.83ur.com-今日说法时时彩骗局| www.279312.com-齐鲁彩票七乐彩| www.338549.com-中山市福利彩票网| www.388252.com-上海华彩管理咨询| www.499593.com-福彩30选5开奖| www.51du.cc-足彩发单软件| www.lt66.cc-怎样下载微彩网| www.060079.com-智博彩票app| www.128488.com-大乐透的中奖彩票|