头像

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

来源:http://www.share60.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.share60.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
9彩娱乐平台 www.wk85.com-排3排5彩票玩法| www.69085.com-彩票有稳赢方法吗| www.068992.com-百万彩票-| www.657356.com-彩票2元网可靠吗| www.801125.com-下载彩猫精灵| www.352553.com-彩票平台不黑的有吗| www.93662.cc-凤凰微彩邀请码| www.229242.com-大发快三输了八十万| www.379164.com-查一下福彩开奖号| www.562477.com-开乐彩走势图| www.666332.com-彩民村心水家| www.880049.com-彩票刷流水是犯法嘛| www.35691.cc-福彩查询系统| www.15300.com-嘉兴体育彩票店转让| www.169393.com-内蒙快三开桨| www.371708.com-中国足彩馆露露女主| www.557536.com-中双色球彩票大奖| www.689851.com-进球彩走势图| www.830398.com-彩票怎么快速查询| www.956575.com-福彩快3嘉奖| www.gt01.com-快三追豹子倾家荡产| www.67bt.com-信彩票是真的吗| www.957839.com-海南七星彩九组头尾| www.bi92.com-博友彩票登录| www.500236.com-中国福彩一年销售额| www.50575.com-能反水的彩票平台| www.8219.top-老时时彩定胆杀号| www.477555.com-彩神通网址多少| www.639615.com-规划竞彩-| www.863041.com-智慧彩票预测软件| www.995981.com-带你买彩票-| www.v42.com-彩票兼职代打靠谱吗| www.1795.org-福彩3d布衣字谜| www.057182.com-彩票七星彩-| www.134986.com-彩票如何看走势| www.301771.com-i北京快三助手| www.83at.com-彩富与你同行天下| www.4497.vip-彩票捐赠免税| www.12294.com-彩票周末可以兑奖吗| www.63408.com-足彩19053期| www.024851.com-极速赛车彩票技巧| www.114543.com-山西福利彩票双色球| www.365535.cc-彩铅古代桃花画法| www.501993.com-微信上的棒棒彩票| www.596518.com-彩博士15码-| www.4839.cc-9号彩票注册网址| www.157331.com-91竞彩之家改名| www.284101.com-霸气彩票网名| www.424822.com-七彩吞天蟒图片| www.563871.com-东方亮彩招聘单| www.94993.cc-彩妆加盟店品牌| www.176168.com-彩票平台注册送45| www.191625.com-甘肃快三500期| www.329011.com-宝贝计划彩票试用| www.238682.com-网上玩分分彩必输| www.358960.com-体彩幸运选号| www.510416.com-彩票在线计划稳赢| www.600098.cc-除了彩票还是什么| www.711516.com-人人竞彩1.0.1| www.782889.com-体彩8月15日| www.882013.com-体彩481开奖号| www.961758.com-支付宝买不了彩票| 大玩家彩票www.84499w.com| www.he29.com-百宝世嘉彩票走势图| www.805441.com-彩票骗局揭秘| www.906417.com-精彩网名-| www.978515.com-天天爱彩票不能提现| www.ff26.com-彩票过完年几号开售| www.322691.com-彩名堂下载苹果| www.283608.com-七星彩中五个号码| www.377206.com-腾讯75秒彩走势图| www.aj61.com-唯彩会下载-| www.80or.com-网上投彩安全吗| www.5008.in-彩票榜官方邀请码| www.371428.com-牛彩赚钱真的假的| www.122897.com-酷彩吧是正规公司吗| www.383695.com-9万彩票下载苹果| www.792996.com-安阳中一亿彩票| www.987529.com-体彩排列3预测| www.c18.club-亚博体育彩票靠谱吗| www.889601.com-七乐彩票代理真假| 皇家彩票www.hj8987.com| www.178400.com-彩票预测软件手机版| www.738562.com-江苏老快三遗漏数据| www.203624.com-体彩三d5d速查表| www.2152.pw-越南有什么彩票| www.7772.hk-研究彩票规律| www.325760.com-好彩门户免费资料大| www.8jt.com-天天中彩票的天才猫| www.97ng.com-北京快三冷号| www.2870.vip-幸运赛车体彩| www.8484.wang-彩八对战免费下载| www.44242.cc-c08彩票-| www.92830.com-今天福彩3的开机号| www.061330.com-彩客站可以提现吗| www.127748.com-彩票798网址| www.31997.cc-500彩网app-| www.91884.com-一举成名赢彩知| www.106047.com-谦喜彩票app| www.211580.com-快三彩票技巧| www.346982.com-美术彩铅画图片| www.491081.com-10分彩网站-| www.661181.com-128福彩网站兼职| www.772175.com-28彩票注册链接| www.939339.com-福彩门户资料| www.fa44.com-瑞彩祥云是什么套路| www.9pz.com-世界杯足彩竞猜论坛| www.600.com-在线时时彩后二缩水| www.946508.com-福建体彩论坛网| www.lp81.com-彩经网官方下载| www.65iw.com-全能彩票软件| www.05990.cc-实体彩票店二维码| www.699714.com-竞彩任选九场奖金| www.539665.com-彩虹的约定钢琴简谱| www.ap93.com-山西体彩-| www.01857.com-彩票101-| www.sh51.cc-亚投彩票计划网站| www.927468.com-韩国彩票快3| www.979980.com-彩票开卖-| www.811123.com-六爻预测彩票| www.933235.cc-各省份快三时间| 彩票驿站www.2350w.com| www.of53.com-福彩开奖结果3d| www.609525.com-彩客网网址是多少| www.765126.com-彩票平台排行榜黑彩| www.870090.com-5分钟开奖的彩票| www.501255.com-迷彩虎讲堂下载| www.669013.com-海南私彩4位热码| www.794208.com-买彩票只有输| www.947039.com-体彩双采图-| www.kl98.com-时分彩票-| www.67kl.com-太原彩票站怎么办理| www.734448.com-风彩与风采的意思| www.77919.com-彩衣娱亲-| www.2063.me-福利双色球彩票下载| www.908601.com-dj彩票平台网址| www.975302.com-福彩通下载安装| www.bt37.com-彩票挂机软件平台| www.93073.com-彩票查询七乐彩开奖| www.xj69.com-好彩堂开奖-| www.602358.com-彩票中奖结果双色球| www.722665.com-足彩中奖去哪里兑奖| www.855113.com-分分28彩票合法吗| www.974283.com-彩虹旗代表什么意思| www.23je.com-中国体彩网足球彩票| www.820198.com-天价彩礼是卖女儿| www.540108.com-时时彩六码倍投表| www.031650.com-福彩计划网站| www.189289.com-下载内蒙古快三| www.760327.com-安徽快三奖金额| www.wp37.com-彩要2元走势图| www.385045.com-福彩内部员工电话| www.953414.com-好彩论坛08599| www.cp1238.com-彩神8大发快3| www.sk87.com-时时彩3码的技巧| www.97op.com-天才彩王大乐透专栏| www.bs17.com-官方精准彩票计划| www.yx87.com-御彩轩手机版| www.ae12.com-幸运彩票app下载| www.yc99.cc-36选7体彩走势图| www.191944.com-湖北快三大小走势图| www.406452.com-微信彩票竞猜没有了| www.589353.com-怎样买竞彩足球稳赚| www.711432.com-时时彩6码方法如下|