头像

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

来源:http://www.yosukeariga.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.yosukeariga.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.363388.com-彩虹六号耶格名字| www.859007.com-查彩票中奖号| www.53bp.com-下载同城彩票店| www.723293.com-常州前黄彩票中奖| www.866623.com-重庆吋时彩-| www.972231.com-福彩3走势图| www.uz52.com-福彩3d杀号林竹| www.7376.top-七星彩局王最新| www.355069.com-彩票有我必中| www.502593.com-星际彩票不让提现| www.583775.com-彩票有走势吗| www.420821.com-7乐彩开奖走势图| www.573521.com-淘彩票是什么| www.705517.com-体育足球彩票兑奖| www.828875.com-偷彩票中奖怎么判| www.968547.com-买彩票的兼职| www.ow39.com-七乐彩4拖7-| www.9061.com-众彩乐彩票软件下载| www.006820.com-福利彩票开奖号码一| www.355059.com-普通人能不能中彩票| www.458616.com-全彩舰娘大鲸在学校| www.16oe.com-时时彩网址平台大全| www.100.la-竞彩足球直播哪里看| www.366060.com-水彩颜料哪个牌子好| www.611055.com-宁夏竞彩快三查询| www.706091.com-福利彩票兼职靠谱吗| www.786235.com-大赢家彩票8516| www.865618.com-快三心得体会| www.927573.com-内蒙古快三实时| www.984342.com-重庆时时彩诈骗套路| www.be99.com-5分快三官方开奖| www.ba65.com-手机彩票万能选号器| www.sh32.cc-网上极速时时彩假吗| www.12hk.com-七乐彩分析-| www.86ci.com-众够彩票-| www.8737.org-今天休彩试机号| www.348544.com-彩虹平台秒赞| www.710027.com-在哪里举报网络彩票| www.923369.com-彩票店几点关门不卖| www.ol0.com-彩票一直买一个好| www.ye35.com-玩彩票时时彩| www.74ge.com-福彩3d一品香今晚| www.956705.com-福利彩票模拟选号器| 500万彩票www.616330.com| www.e24.website如意彩票计划软件| www.39ya.com-安装凤凰彩票网| www.0457.xyz-足彩即时比分奥客| www.7953.cc-12580动彩登录| www.40795.com-彩票九官方-| www.98122.com-延敖足彩推荐| www.778469.com-彩乐园3下载| www.932564.com-118彩票合法吗| www.984306.com-官方时时彩网投平台| www.em7.com-吉林快三有人控制吗| www.qv66.com-福彩十三五规划| www.59.me-中国福利彩票网投| www.63zd.com-七星彩梦册查码图| www.1077.in-高手网彩票免费资料| www.8840.biz-彩票的类型-| www.57729.cc-彩票分析施颖主持人| www.322223.cc-hk彩票网址大全| www.250440.com-中彩彩票正规嘛| www.89059.com-彩票优选大师软件| www.39129.cc-中彩彩票有风险吗| www.018634.com-五福彩彩票-| www.106198.com-90年代的福利彩票| www.330169.com-重庆时时彩五星跨度| www.456081.com-排列三双彩网三句话| www.555145.com-全民彩票软件| www.628759.com-彩易网3b预测分析| www.276260.com-博彩返水是什么意思| www.383310.com-中国体彩19029| www.551591.com-福彩三d试机号查询| www.022212.com-下载爱乐彩快3下| www.108046.com-快三彩票辅助器| www.853262.com-彩客东奥化学招聘| www.934711.com-快彩下载链接| www.992848.com-福彩单双大小走势图| www.8681.cn-菜乌选号论坛体彩网| www.019308.com-快三输了3000了| www.4gl.com-彩票投注手犯法吗| www.73942.com-彩票源码演示站| www.096133.com-四川福彩中心| www.089650.com-彩票吧平台对刷| www.98731.com-网站快三真实吗| www.121911.com-彩票排列5开奖结果| www.268395.com-湖北快三站点| www.373643.com-连红彩票手机下载| www.4855.vip-梦见彩票未中奖| www.06268.com-福彩了3d走势图| www.376062.com-16588立彩-| www.576804.com-带别人玩彩票犯法吗| www.713632.com-幸运5分彩官网| www.866548.com-周日哪些彩票开奖| www.985778.com-彩票网址大全下载| www.hy48.com-北京快三最新走快3| www.07wk.com-大海落日的彩铅画| www.5977.gg-彩讯开奖官方网站| www.62546.com-领先团队网络彩票| www.236127.com-体彩61中奖规则| www.928290.com-玩彩输30万怎么办| www.cai3456.com彩票破解术-| www.yw28.com-全能中彩彩票腾讯| www.89hg.cc-福彩3d就业报彩图| www.073256.com-全民快三聊天室| www.278551.com-一分快三在哪里开奖| www.9233.com-鸿鑫乐彩是什么| www.rv15.com-网上做彩票托的经历| www.32331.com-河南省各地彩礼| www.329625.com-速赢彩五分快三| www.379739.com-怎么玩时时彩不违法| www.503766.com-如何买彩-| www.565718.com-福彩3d九九彩吧| www.633832.com-m5彩票是什么意思| www.44cu.com-人生出彩的意思| www.9115.com-福彩神牛首页| www.63vk.com-彩票研究突破| www.0579.pw-阳彩臂金龟-| www.7232.cc-彩虹六号墨冰| www.104600.com-竞彩足球胜负平玩法| www.252932.com-500彩票大发快三| www.358336.com-欠债彩票翻身| www.198234.com-青海福彩快三电视版| www.9918.top-新浪体彩传足| www.282457.com-2019快三微信群| www.393901.com-时时彩开奖结果开门| www.517952.com-北京乐赢彩票| www.73316.cc-刚力彩芽为什么被黑| www.510202.com-彩霸王三肖主六码| www.592062.com-大中华彩票网靠谱吗| www.671505.com-重庆时彩牛牛平台| www.733161.com-那个彩票软件送钱| www.802793.com-多赢吉林快三走势图| www.868288.com-五分彩万位公式| www.929523.com-66彩票下载-| www.978237.com-成都川虹彩钢围挡| www.cp8559.com-上海福彩官网| www.526932.com-百信彩票下载安装| www.94808.com-中国福利彩票网首页| www.169955.com-福彩35期开奖结果| www.240891.com-体彩屋安徽快三| www.331092.com-买彩票怎么看走势| www.607583.com-大发时时彩技巧计划| www.687428.com-鹤岗彩票大奖头条| www.771358.com-彩虹6号怎么说话| www.832262.com-彩票倍投计算器下载| www.894864.com-用我ip代玩彩票| www.954563.com-爱彩票正规的吗| www.992683.com-中彩国际彩票官网| www.at06.com-福彩快三一定牛| www.po67.com-乐彩网3d字谜| www.9iz.com-七星彩解梦幸运选号| www.49we.com-扫一扫看彩票中奖| www.083.biz-易玩567彩票官网| www.2162.cn-彩票代购app| www.6611.site-乐都彩票登录| www.85223.com-如何买彩票中五百万| www.097466.com-体彩排列五几点开奖| www.222138.cc-七星彩精准预测大师| www.312633.com-ios彩票app-| www.030764.com-微信骗你买彩票| www.19dq.com-点击进入精彩新内容| www.1268.cn-合法快三平台| www.371872.com-中国合法彩票网|