头像

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

来源:http://www.shuidimall.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.shuidimall.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.0010.ren-彩票都有几位数| www.8128.in-体彩和福彩星期几开| www.495226.com-电竞比赛博彩| www.41777.com-中国彩吧网下载| www.86238.com-福彩3d模拟开奖号| www.136808.com-7彩网一分快三| www.1939.me-体彩排列三双彩网| www.638444.com-天吉福彩彩票论坛| www.860754.com-伯乐彩票平台网址| www.177864.com-贵阳福彩快三| www.46573.cc-吉林时时彩开奖号吗| www.033396.com-下彩彩票手机版| www.6622.vip-038彩票登陆| www.959127.com-掌上彩票竞彩加奖| www.zw0.com-彩票开奖查询软件| www.tm78.cc-彩票算号器-| www.06ru.com-彩搜网真实的谎言| www.90qj.com-十三彩网站-| www.885979.com-彩之家大发快3| E彩堂www.9818k.cc| www.pv83.com-彩票99安卓下载| www.090255.com-淘彩票969-| www.308487.com-北京pk买彩票选号| www.18365.com-四川福利彩票机选| www.184318.com-湖北省福彩快3| www.202915.com-快三跨度图片| www.270043.com-手机连中彩票| www.089499.com-华人彩票官方网站| www.647626.com-大富翁i8彩票| www.766128.com-福彩网快3是真的吗| www.858667.com-看福彩开奖-| www.094877.com-福彩双色球摇奖视频| www.216861.com-那个快三遗漏号码| www.342548.com-下载745好彩| www.436512.com-云南体育彩票3d| www.224501.com-快乐彩开奖走势图| www.302423.com-七星彩前四位走势图| www.414361.com-93彩票app网址| www.769753.com-好运彩票合法吗| www.72911.cc-彩c16ccm-| www.132146.com-天津福彩快了十分| www.53829.com-多彩贵州风-| www.cp9925.com-福湖北彩快3| www.892769.com-购彩助手下载| www.886828.com-彩61邀请码-| www.cpw| 99彩票www.881799a.com| www.s75.club-舟山体育彩票网点| www.856383.com-七星彩梦册网查码| 天下彩www.542770.com| www.145685.com-时时彩概率学长期赢| www.456500.com-乐博彩票正规吗| www.263819.com-7号彩票-| www.085229.com-ios彩票计划软件| www.5289.bid-分分彩后一做号| www.61315.cc-幸运彩乐园邀请码| www.834142.com-开幕式彩烟贵吗| www.863708.com-腾讯彩票是怎么回事| www.966049.com-福彩3d能不能倍投| www.266773.com-中国体彩竞彩店图片| www.637852.com-周围福利彩票店| www.786730.com-彩票中奖装逼生成器| www.805545.com-英国5分彩怎么样| www.963747.com-福利彩票好处| www.sh68.cc-3d福利彩票网| www.737719.com-中乐彩手机平台| www.08022.com-长沙体彩发行中心| www.89096.com-娱乐网站送58彩金| www.107220.com-黑客攻击时时彩| www.10qa.com-一线彩票站大火| www.471037.com-乐彩29期字谜总汇| www.577499.com-体彩分析-| www.657367.com-七星彩缩水过滤工具| www.741110.com-彩宝贝开奖号码| www.818595.com-新快赢481彩票| www.881150.com-百姓网彩票站出兑| www.951796.com-怎么能中彩票| 99彩票www.99714.cc| www.fu63.com-全发国际彩票是什么| www.wx45.com-福利彩票七乐彩| www.21gf.com-山西福利彩票电话| www.027.pink-代打彩票收分红骗局| www.408016.com-今天七星彩奖池余额| www.566936.com-彩神争网址-| www.668207.com-彩票客服是做什么的| www.739574.com-福彩双色球宣传语| www.807258.com-足球彩票过关怎么玩| www.883823.com-彩报图库中心| www.961921.com-深圳市福利彩票官网| www.nb24.com-保定福利彩票中心| www.288073.com-高频彩是怎么开奖的| www.007184.com-腾讯有5分彩吗| www.326062.com-万彩-| www.833153.com-c77彩票官网| www.900016.cc-福利彩票店装修图| www.961737.com-郑州福彩兑奖中心| www.ul01.com-彩库宝典开码结果| www.572350.com-彩票开奖对比器| www.94504.com-彩票ab-| www.131474.com-2018襄城县彩礼| www.239111.com-微信带你玩福彩的人| www.92ak.com-微信分分彩开奖记录| www.969699.com-福彩高官-| www.am19.cc-河北快三老版走势图| www.k46.cc-福彩快三今天预测号| www.6516.com-怎么样开彩票店| www.44234.com-福彩基诺游戏| www.79559.cc-福利彩票3d价格| www.757148.com-福彩八仙过海预测| www.832785.com-恒大彩票赢钱犯法吗| www.903478.com-赢彩计划走势图| www.972185.cc-今日彩票开奖查了| 彩票5www.542676.com| www.fs88.com-快乐彩开奖走势图| www.082046.com-玉林彩色纸箱厂| www.262274.com-江苏快三数据遗漏| www.349585.com-老彩票平台代理| www.458792.com-福彩水果图第一版| www.555385.com-快三顺子下期出什么| www.ue77.com-吉林快三怎么做代理| www.541005.com-159竞彩靠谱吗| www.68910.com-彩票对压赚反金| www.045656.com-彩票怎么定制跟单| www.525461.com-电竞外围博彩| www.027167.com-体彩一年销售额| www.hk83.com-好彩票安卓版| www.563470.com-彩票巴土app下载| www.234157.com-染上彩票怎么戒呀| www.562511.com-秒速彩票-| www.651143.com-陈流风景水彩| www.245199.com-中国竞彩网计算器网| www.cq23.com-个人买黑彩犯法吗| www.153890.com-福彩无人售票机代理| www.802481.com-福彩3d近期开奖号| www.871434.com-中国福利彩票时时彩| www.bj90.com-湖北快三下载安装| www.qp44.com-网赚彩票12-| www.q53.net-2017彩票弃奖| www.34bh.com-五大联赛足彩吧| www.92ue.com-澳洲快三-| www.365667.cc-秋天风景彩色铅笔画| www.275378.com-必中快三-| www.365887.cc-体彩排三遗漏分析| www.582713.com-彩色装饰画简单| www.21657.cc-谁有彩票店微信| www.122308.com-重庆时时彩的qq群| www.v25.cn-19037足彩分析| www.319271.com-派彩网怎么交费| www.404017.com-传奇故事之东北彩王| www.621501.com-猜福彩2d中奖规则| www.697885.com-全民彩票提现快吗| www.771065.com-时时彩预警专家| www.874178.com-彩票代销者-| www.939577.com-福彩在线注册大小| www.996731.com-体彩图谜总汇| www.dx28.com-分分快三下载安装| www.wg47.com-贵州快三选快三公式| www.09vt.com-体彩5d南京走势| www.566802.com-968彩票代玩| www.675398.com-济阳结婚订婚彩礼钱| www.736516.com-快三最多连多少期小| www.ng05.com-极速3b彩平台| www.25xo.com-传统彩优惠-| www.159616.com-足彩任九比分直播|