头像

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

来源:http://www.paulvwalters.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.paulvwalters.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.99gc.cc-彩天地娱乐-| www.19775.cc-嘉兴体彩中心地址| www.85845.com-彩哥计划下载地址| www.81861.cc-如何设置彩票遗漏| www.082167.com-118彩票可靠吗| www.198491.com-乐彩三d论坛| www.953240.com-我要中彩网-| www.cp5332.com-安徽快三爱彩乐| www.970452.com-彩票816邀请码| www.qt39.com-支付宝停止彩票兑换| www.105590.com-彩28彩票注册| www.212533.com-七星彩私彩网投注站| www.307815.com-腾讯分分彩高手玩法| www.388484.com-玩彩票是啥意思| www.315342.com-助赢彩票官网| www.451895.com-9号彩票官网网站| www.555386.com-旭辉研彩在哪下载| www.650917.com-水彩创意绘画| 新盈彩www.xinyc2.com| www.89455.cc-新彩彩票网-| www.026064.com-十分彩网真的假的| www.165242.com-体彩19036期| www.437200.cc-福利彩票1011| www.534078.com-梦迷解图梦册七星彩| www.779161.com-大众彩票登录| www.860486.com-m8彩票软件-| www.934788.com-台码福星彩开奖结果| www.cp839.cc-福快彩3下载| www.058682.com-彩票哪种中奖率高| www.6vp.com-彩票网购-| www.754.date-重庆时时彩遗漏分析| www.8845.cc-七彩票大全-| www.52517.com-福利彩票开设地段| www.008954.com-福彩造假公布铁证| www.096572.com-香港好彩网论坛| www.229825.com-进入百盈彩票网站| www.358422.com-江苏福彩三d| www.504157.com-彩票的打码量啥意思| www.596587.com-吉林派彩免费版| www.688290.com-东莞体彩网点申请| www.793566.com-玩网络彩票输死了| www.866611.com-昨天彩票出多少号| www.938969.com-网络足彩单场在哪买| 8号彩票www.81520j.com| www.kd69.com-广东彩票大奖| www.95185.com-60彩票总代理| www.927038.com-彩票达人三五个尾巴| www.cp95.cc-快三开奖结果河南| www.gq36.com-彩色纸箱印刷设备| www.08nz.com-七星彩开奖时间周几| www.91eo.com-3d777福彩-| www.5224.top-如何申请福彩站| www.070203.com-龙虎彩票平台| www.338212.com-六福彩票门面| www.480201.com-彩云网盘-| www.573004.com-七星彩粤海联军彩版| www.666548.com-万达彩高手论| www.743788.com-电话购彩-| www.828552.com-彩票中巨奖的悲剧| www.903807.com-彩票案1360亿| www.75928.com-彩票纸回收-| www.083612.com-福利彩票在哪里兑奖| www.176209.com-人人快三网-| www.328779.com-永利皇宫送23彩金| www.411917.com-随州论坛快三论剑| www.521552.com-有赢彩票邀请码| www.597127.com-上海天天彩选三| www.673950.com-什么样的传统彩画| www.761948.com-可以竞彩足球的软件| www.849130.com-三分彩计划官网| www.947945.com-特彩吧-| 网易彩票www.085wy.com| www.fr87.com-发彩网买彩票可靠吗| www.zg82.com-福彩三d太湖字谜| www.32kn.com-彩票会员登录| www.1668.top-中彩彩票快3违法嘛| www.8811.hk-腾讯分分彩精准计划| www.45634.com-福彩三d大小| www.008480.com-足彩1-| www.084566.com-彩六苹果怎么下载| www.140907.com-彩票365怎么样| www.222626.com-大发快三是骗局吗| www.300200.com-今晚南洋彩开奖结果| www.376567.com-博牛彩票网址| www.524619.com-什么叫做圣地彩| www.599287.com-彩票今天买什么号码| www.665616.com-彩票开奖快神器| www.731405.com-七天彩官网-| www.807018.com-7号彩票怎么样| www.882043.com-新加坡快三开奖| www.951029.com-立彩助手评价| www.bq01.com-七乐彩票平台可靠吗| www.616920.com-澳门快三怎么买大小| www.738299.com-时时彩的概率和趋势| www.822018.com-劳拉3d彩漫-| www.892185.com-彩票榜下载苹果版| www.952284.com-福彩推荐号今日| 3G彩票www.c144.vip| www.521760.com-时时彩大小最多连出| www.626951.com-仁和彩票-| www.701448.com-竞彩足彩158| www.788772.com-竟彩唯彩-| www.852322.com-三分时时彩计划预测| www.907625.com-长春体育彩票网点| www.960264.com-淘彩下载-| 500万彩票www.75wcp.com| www.aa67.com-体彩开奖公告| www.oi79.com-青海时时彩走势图| www.24xq.com-体彩排列3预测定胆| www.321112.com-彩票开奖七乐彩开奖| www.435528.com-体育彩票申办| www.553122.com-爱收米彩票-| www.675708.com-彩票到家客户端下载| www.738963.com-大通彩票手机板| www.798715.com-ss盛世彩票-| www.877842.com-南京福彩中心学堂| www.sy58.com-七星彩一个号多少钱| www.06kx.com-清乾隆古铜彩牺耳尊| www.029589.com-新利彩票能控制吗| www.140598.com-北京彩票兑奖中心| www.232768.com-新浪足彩比分| www.306344.com-七星彩中奖彩票图片| www.379606.com-中彩票是什么感觉| www.575729.com-网易互联网彩票案| www.646787.com-中国职业彩民数量| www.739190.com-快三红号有多少| www.806906.com-彩票作废叫什么| www.876624.cc-环球彩票登录网址| 易旺彩票www.yw373.com| www.by70.com-北京快三下载安装| www.520562.com-探探上全是彩票托| www.616365.cc-亚彩会官网开奖记录| www.702591.com-赢彩专家app| www.786188.com-凤凰娱乐购彩安全吗| www.857058.com-五分钟快三开奖查询| www.52056.cc-助赢软件北京快三| www.020682.com-彩票销售管理办法| www.3246.com-e77乐彩注册登录| www.14161.com-延敖足彩-| www.66112.cc-福彩选号开奖号| www.087717.com-甘肃快三投注必中| www.148911.com-关停的彩票客户端| www.256044.com-全球彩app-| www.327520.com-彩票图表-| www.390660.com-网赌彩票输了| www.531211.com-加入时时彩计划群| www.627857.com-快三复式彩票| www.680587.com-体彩到底是真的假的| www.754433.com-锋彩直播下载| www.872059.com-达人彩票网官网下载| www.955895.com-2018年网络购彩| www.993657.com-足彩妖刀专家推荐| www.kk0.com-福彩双色球开奖结果| www.nr86.com-福彩咋才能中奖| www.y51.net-福彩三d太湖钓手| www.48bp.com-开设福彩投注站| www.397.win-彩票曝光事件| www.3435.biz-家彩网开机号大乐透| www.8922.loan-中国彩民数量| www.64081.com-oddest和竞彩| www.018822.com-苏州福利彩票领奖| www.077272.com-福彩直播-| www.130541.com-百度福彩双色球预测| www.195019.com-彩票开奖结果3d|