头像

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

来源:http://www.sxxicheqi.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.sxxicheqi.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
福建快3 www.559623.com-喜彩15886注册| www.703170.com-致富彩票app下载| www.802887.com-甘肃快三定胆杀号码| www.896666.com-彩票黑科技-| www.974387.com-大豪门彩票网址| www.qx50.com-腾讯时时彩规则| www.20sh.com-时时彩表格怎么看| www.725.biz-时时彩后二精准定胆| www.6015.cn-云南福彩兑奖地址| www.21851.cc-集彩娱乐-| www.72638.com-千百万彩票app| www.083627.com-专家福利彩票预测| www.162448.com-e球彩害人-| www.270260.com-湖北快三预测豹子号| www.369924.com-酷彩海鲜锅用处大吗| www.490804.com-宏达彩票网是真的吗| www.578111.cc-时时彩害人-| www.660909.com-彩票推广怎么做| www.794840.com-新彩吧图库大全| www.881371.com-福彩一定牛彩票| www.976139.com-安阳内黄县彩礼| www.im8.com-内蒙快爱乐彩| www.sh90.cc-时时彩最新版本下载| www.21tk.com-彩票百富网-| www.666.cx-黑彩新闻最新消息| www.5700.vip-卖彩票的地方| www.17662.cc-足彩任14开奖| www.67181.cc-安阳彩票中奖| www.123104.com-体彩在线开奖直播| www.206405.com-彩票预测计划| www.289433.com-5分彩计划软件| www.412969.com-约彩365旧版本| www.523663.com-时时彩下载软件| www.628202.com-玩彩票有赢家吗| www.713902.com-彩票369cc-| www.798315.com-大彩鲸11选5彩票| www.878965.com-极速赛车彩票技巧| www.987543.com-505彩票怎么玩| www.cr1.cc-易彩快三是真的吗| www.qt77.cc-福彩彩票快2怎么玩| www.14ox.com-网络购彩有望恢复| www.123.red-亚洲彩票代码网| www.4219.biz-甘肃体彩助手官网| www.00703.com-优彩神论坛-| www.71245.com-上海体育彩票机| www.036674.com-好彩vipapp| www.130012.com-七星彩打码软件| www.215383.cc-彩票多少钱-| www.297251.com-快三有哪些规律| www.379646.com-幻想中彩票-| www.541678.com-360全国彩票查询| www.633856.com-m5彩票线路-| www.777229.com-七公鸡七星彩下载| www.882704.com-福建体彩一官网站| www.964986.com-微彩站app下载| 大赢家彩票平台www.927320.com| www.kz62.com-大发彩票官网网址| www.n27.in-下载京彩-| www.49hb.com-被头奖彩票骗了5万| www.0074.org-公明福利彩票点| www.9230.top-乐彩提成-| www.51188.cc-58彩票苹果国内版| www.96955.com-福彩3d猜大小很亏| www.067505.com-群英会走势图彩经网| www.150201.com-大彩彩票下载| www.277181.com-彩色压模地坪一平方| www.369843.com-竞彩封盘时间| www.478081.com-袁泉投票综艺福彩| www.564399.com-福彩开奖说明| www.638478.com-色彩静物照片| www.764898.com-彩票外围平台是什么| www.857997.com-深圳集体买彩票中奖| www.929103.com-七星彩复式中奖表| www.986108.com-足彩14场开奖结果| www.ay7.cc-新浪彩票网官网| www.oe92.com-福彩天天大报| www.22.cn-3d彩报图今日| www.74oo.com-彩票在线缩水工具| www.1713.cn-今天彩票3d推荐号| www.9923.online今天体彩开奖| www.53912.com-时时彩后3混选玩法| www.001678.com-多彩彩票软件| www.072602.com-香港四亿彩票| www.140810.com-福彩刮刮乐兑奖流程| www.222024.com-靠谱的彩票挂机平台| www.302798.com-彩中堂xyxxcc| www.376476.com-qq彩票金豆怎么刷| www.562686.com-新加坡时时彩合法吗| www.633730.com-腾讯分分彩后四毒胆| www.703249.com-京京彩票-| www.781040.com-江西快三彩票app| www.856564.com-福彩3d藏宝图高清| www.909982.com-百度乐彩彩票官网| www.990915.com-吉祥彩票快三| www.vs7.com-发达娱乐海南彩票| www.qq01.com-福彩销售额-| www.04vw.com-彼岸花彩铅绘画教程| www.73qk.com-海南排列五私彩软件| www.1434.xyz-福彩20分钟-| www.9471.vip-东方全彩汉化本子| www.50884.com-乐盈彩票投注网站| www.96804.com-彩票都是假的| www.060758.com-体彩手机购彩软件| www.219796.com-福彩3d好彩网论坛| www.289611.com-体育博彩app| www.415769.com-红树林彩票平台| www.520191.com-青岛福彩郑庄养老院| www.590818.com-体育彩票开奖奖结果| www.664055.com-今晚七星彩出什么码| www.739640.com-福彩分析助手| www.817139.com-58彩158彩开奖| www.886872.com-刷彩金怎么躲风控| www.ex01.com-犀牛彩票-| www.vh14.com-苏州福彩-| www.06uu.com-彩票店真实店面图片| www.74sf.com-幸运彩票提现成功| www.1123.hk-欧洲乐透彩开奖号码| www.9858.com-古建彩绘图样| www.50966.cc-成都福彩中奖| www.91760.com-中国手机彩票| www.050409.com-360购彩导航| www.147967.com-竞彩大小球什么意思| www.233119.com-北京单场彩客网| www.303648.com-双彩论坛彩吧| www.370638.com-四季彩网页登录| www.461253.com-3d福彩做号技巧| www.543022.com-体彩一句定三码| www.664394.com-特区七星彩规律图| www.736152.com-中国彩吧图库吧| www.802766.com-連中彩票-| www.871529.com-陕西好彩快三| www.962403.com-黑彩赚钱吗-| 网易彩票www.071wy.com| www.bl46.com-利彩app怎么样| www.rs77.com-优信彩票购彩大厅| www.13il.com-买足彩稳胜技巧威廉| www.76zy.com-即开型彩票怎么兑奖| www.1260.vip-大快三彩票下载安装| www.8992.biz-凤凰网时时彩| www.39769.cc-ios购彩app-| www.82660.com-足彩19026-| www.028443.com-福彩3d图库大全| www.097762.com-福利彩票内部数据| www.158783.com-彩票站app官方网| www.281927.com-双色彩票指南电子版| www.365459.cc-落日风景彩铅画教程| www.451468.com-买彩票可以下八注吗| www.536498.com-国家彩票种类| www.633605.com-香港天下彩幸运彩涂| www.696769.com-绍兴体彩网-| www.769162.com-好彩0567官方| www.872053.com-买体育彩票几位数字| www.937237.com-中彩彩票中福快3| www.979262.com-福彩3d最未出号码| www.vf10.com-甘肃快三遗漏速查| www.02vy.com-网络中彩虹什么意思| www.63fl.com-彩票预测平台合法吗| www.913.tv-海南七星彩梦兆解码| www.4405.net-有密彩票计划下载| www.9040.wang-nba彩票规则| www.65228.cc-福彩双色球预测总汇| www.020215.com-体彩排列3开奖| www.080887.com-润联大吉新3d彩票| www.136592.com-淼鑫彩票网页|