头像

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

来源:http://www.sckym.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.sckym.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
pk10论坛 www.275655.com-云南时彩开-| www.223554.com-福利彩票老师| www.306419.com-职业彩票玩家| www.465008.com-天佑竞彩是啥| www.bb59.com-彩票最稳投注方法| www.2279.vip-3d彩民乐今天| www.27226.cc-青诲快三历史开奖| www.232347.com-江苏快三开奖规律| www.376876.com-搜索彩宝贝| www.148543.com-广西玉林彩票店| www.85as.com-篮球投注比例彩客网| www.885786.com-利盈彩票网站| 网易彩票www.505162.com| www.032951.com-机选七星彩-| www.901746.com-体彩5d预测-| www.905751.com-竞彩足球赛果时间| 博友彩www.442428.com| www.35iv.com-星期三什么彩票开奖| www.216122.com-体育7星彩中奖规则| www.947697.com-多彩贵州网邓航简历| www.56563.com-盛源彩票手机app| www.178122.com-彩票快三有口诀吗| www.90dy.com-做个博彩平台要什么| 彩客www.ck09.com| www.202273.com-贵阳体彩中心| www.502273.com-体育彩票作假吗| www.77918.com-一等奖彩票网| www.055762.com-最新彩票中奖生成器| www.09726.com-手机上购买福利彩票| www.956359.com-竟彩足球彩客网比分| 旭彩www.737298.com| www.38214.com-体彩自助终端售卖机| www.91232.com-好彩柠檬爆珠图片| www.462734.com-cb8c0m彩宝票| www.983714.com-体彩领奖流程揭秘| www.23226.com-彩票购买大奖网| www.018937.com-天空彩富网与天同行| www.840886.com-澳客竞彩网电脑版| www.915891.com-彩票站出兑急急急| www.973205.com-彩虹授权站源码| www.cai3383.com老时时彩-| www.113558.com-四川福利彩票代理| www.204955.com-快三最稳投注方案| www.277743.com-福彩中彩论坛| www.jb57.com-足彩专家预测分析| www.328599.com-福彩三地专家推荐号| www.993522.com-足彩玩法详细介绍| www.dm09.com-宝马彩票app下载| www.a32.xyz-168彩票官方极速| www.389387.com-快三大发预测| www.45789.com-极速飞车彩票技巧| www.029534.com-寶利彩票-| www.874682.com-黑龙江福彩20选8| www.3932.wang-幸运彩网站是真的吗| www.234490.com-国家认可彩票app| www.328862.com-广西彩票客户端下载| www.ye68.com-大发快三假的| www.39mr.com-3d先锋快报彩吧| www.po87.com-随州论坛福彩| www.12dr.com-怎样网上投注福彩| www.97xr.com-国家体彩中心举报| www.5238.in-中国体彩彩票走势| www.33gi.com-飞来福彩吧微信加入| www.379823.com-流光益彩的近义词| www.487803.com-官网福利彩票网址| www.gx11.com-彩票大全360| www.yk97.com-跟群买彩票-| www.36rq.com-百万彩票快3| www.64730.com-纸箱彩色印刷机械| www.990806.com-彩77官网下载苹果| www.yw15.com-福利彩票5分钟一次| www.32593.cc-春秋彩票app| www.069871.com-谁有彩神8网址| www.ls10.com-时时彩开奖号| www.46wy.com-足球竞彩能赚钱呢| www.32xj.com-彩票天下资料大全| www.248.la-幸运五星彩那里开奖| www.5318.pw-分分彩后三后二杀号| www.28yy.com-256彩票时时彩| www.q78.top-山东体彩网首页| www.53ew.com-未来星时时彩平台| www.cp5285.com-爱彩乐彩票-| www.1812.in-沃尔玛福彩图案| www.083932.com-智博彩票是真的假的| www.254132.com-易彩快3怎样算数字| www.017941.com-彩票站如何选位置| www.103094.com-全国最大乐彩诈骗| www.015228.com-七星彩杀号绝招| www.39778.com-福38彩票网-| www.025393.com-江西11选5多乐彩| www.105395.com-中国哪里卖无嘴好彩| www.115233.com-顶呱刮彩票a| 吉利彩票www.80065n.com| www.458713.com-南方福彩选众彩网| www.561208.com-天下彩首页1234| www.970680.com-福彩快三到哪兑奖| www.066.cm-七乐彩每天都能买吗| www.4438.cn-众亿彩票被骗| www.88937.com-彩87app-| www.360061.com-福彩投注下载官网| www.332544.com-时时彩黑平台| www.70102.com-台湾玩运彩讨论区| www.53aj.com-新浪爱彩推荐足彩| www.0755.gg-三三娱乐彩票平台| www.894201.com-彩票49倍下载| www.67294.com-江苏福彩兑奖地址| st--体彩快3玩法| www.453838.com-竞彩足球群-| www.630526.com-小鱼正版彩吧图库| www.799620.com-彩票查询体彩排列五| www.69312.com-胜负彩开奖任九开奖| www.ul59.com-内蒙快三代理| www.150918.com-星彩网短信点播| www.977289.com-河南的彩礼害死人| www.94pi.com-和乐彩票登陆平台| www.443236.com-新彩吧福彩图谜总汇| www.pg49.com-快三输钱能赢回来吗| www.135533.com-大发快三网址谁有| www.938396.com-亿彩下载苹果| www.982558.com-同城彩票下载| www.35ei.com-彩票双色球中奖新闻| www.409.me-新加坡彩票几点开奖| www.505021.com-快乐彩有作弊| www.c12.me-购彩大厅密聊总代理| www.52vh.com-凯利方差算足彩概率| www.0249.cm-乐盈彩app下载| www.515.cc-彩票的积分卡号输入| www.4035.biz-彩票名家双色球分析| www.9808.space-南京市体彩中心| www.509020.com-云彩彩票下载| www.576202.com-福彩3d基础知识| www.654847.com-买彩票都是假的吧| www.506736.com-天空彩票天下彩旧版| www.702121.com-福利彩票时间差软件| www.xh34.com-双彩网真实吗| www.42vh.com-彩票008官方网站| www.424.org-巴西三分彩官网开奖| www.3637.org-奇门遁甲藏干测彩票| www.536.site-广东省福彩官网| www.3338.online全国高频彩票走势图| www.394860.com-彩虹玫瑰花语图片| www.612602.com-uc彩票网址导航| www.080567.com-怎么破解彩票平台| www.232347.com-江苏快三开奖规律| www.305073.com-新浪彩票投注平台| 好运彩吧www.025727.com| www.122878.com-8k彩票合法吗| www.833341.com-3b福彩彩报-| www.909040.com-贵州快3彩经网旧版| www.963216.com-彩铅画花卉入门图片| 彩乐乐www.cll168.com| www.73383.cc-七星彩在哪里开奖| www.880238.com-喜乐彩票app下载| www.ur12.com-淘彩吧论坛首页| www.00yt.com-福彩红五图库永久域| www.171202.com-彩票开奖历史查询| www.850978.com-5oo竞彩比分直播| www.900157.com-彩票免费计划网址| www.951089.com-彩票qq77-| www.985608.com-正义彩虹志愿者协会| www.cp8773.com-快三怎么自动投注| www.097736.com-北京快三预测群| www.189777.com-吉林快三下载安装| www.954981.com-彩票怎么买稳赢|