头像

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

来源:http://www.kzkyy.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.kzkyy.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.7182.cc-博彩打水会不会封号| www.55943.com-福彩3d开奖日期| www.947553.com-购彩就上-| 18W彩票www.309135.com| www.0905.cm-彩站宝合法吗| www.8575.cm-3d杀号彩票| www.726673.com-彩虹频道-| www.828682.com-胜负彩兑奖-| www.911400.com-中国有几个彩票公司| www.975490.com-立彩极速版app| www.gc8.cc-七星彩中奖5个号| www.vq29.com-彩专家大牛在线计划| www.433443.com-怎样辨别彩票的真假| www.604883.com-不黑钱的彩票平台| www.723631.com-镇江体育彩票| www.813080.com-中国体育彩票图片| www.323728.com-七星彩网易开奖直播| www.410243.com-乐彩网首顶-| www.101424.com-500足彩胜负| www.81yu.com-银彩通官网建行| www.5790.org-体彩扑克三玩法| www.27339.com-数字彩-| www.75129.com-彩票属行业-| www.066176.com-彩票免费领彩金论坛| www.205314.com-三分彩怎么玩| www.799163.com-体彩彩票终端机| www.692065.com-江苏体彩七位数专家| www.0516.pw-彩票公益下载安装| www.178860.com-安徽时时彩快3投注| www.121257.com-福利彩票微信| www.598656.com-7星彩历史比较器| www.855209.com-瓷器釉彩-| www.929746.com-大发快三押注| www.987478.com-乐米彩票中过大奖吗| www.cy04.com-乐8大发时时彩| www.ha47.com-500彩票幸运快三| www.m31.com-福彩任选五规则| www.019185.com-彩49彩票安卓版| www.150046.com-期期中彩票结果| www.291893.com-快三大小单双计划| www.130476.com-福利彩票站地址查询| www.233231.com-贵州彩票快3| www.923112.com-108彩票官网登录| www.k40.com-好彩官方版版app| www.48ql.com-三国杀张星彩| www.76373.com-彩票大叔-| www.081225.com-李永乐关于彩票| www.718631.com-彩虹颜色正确顺序| www.823697.com-360彩彯网-| www.910706.com-无精选彩专栏| www.974896.com-福彩图迷汇总牛材网| www.lm3.com-快三输了怎么上岸| www.zg58.com-彩51客户端官方网| www.26fn.com-华彩人生一点通官网| www.893519.com-财政部彩票-| www.979669.com-体彩装修目录| www.ca62.com-湖北快三今天推荐| www.4743.vip-最贵彩票-| www.041458.com-体彩竞猜怎么玩| www.183986.com-河北燕赵福彩网| www.8995.org-凤凰彩票信誉怎么样| www.nm02.com-吉林快三单期计划| www.22pd.com-去彩票门店怎么足彩| www.qf5.cc-乐购彩彩票是真的吗| www.xy65.com-中国彩票机选中奖| www.83tq.com-武汉七波彩-| www.987166.com-海南好彩快三| www.bz86.com-福彩快三怎么举报| www.wo79.com-看彩票走势图技巧| www.15nh.com-彩35彩票领导者| www.108268.com-快三遇上长龙怎么办| www.355292.com-福彩3d组三技巧| www.503193.com-体彩任5开奖| www.559933.com-彩图图库资料大全| www.563621.com-神奇彩票选号法| www.632890.com-福彩时时彩和值奖金| www.776892.com-休闲快三分解李承红| www.8854.com-体育总局限制体彩| www.54566.cc-爱尚彩彩票正规吗| www.1050.biz-足彩分析师靠谱吗| www.003913.com-今晚福彩3d开| www.386352.com-福彩快3武汉| www.573099.com-k线图彩票分析| www.xx12.com-吉祥彩票下载| www.755365.com-彩票为什么不犯法| www.149920.com-华盛娱乐彩票平台| www.240533.com-新3d彩票在哪买| www.303979.com-福彩报纸今天| www.369588.cc-爱购彩票软件安全吗| www.447707.com-点球彩app-| www.226687.com-中国福彩3b字谜| www.300982.com-湖北快三豹子推荐号| www.437789.com-体彩刮刮乐下载软件| www.623707.com-福彩红孩儿双胆| www.692528.com-乐乐彩票是什么| www.785998.com-中国福彩开奖几次| www.871738.com-青蛙过河游戏彩票| www.80do.com-百盛金服彩票| www.1358.cm-浙江省体彩十一选五| www.340.in-中国色彩-| www.5305.vip-菲律宾5分彩规律图| www.065408.com-网易彩票被骗| www.088488.com-单场足彩胜负彩玩法| www.237539.com-网上可不可以买体彩| www.310111.cc-延边福利彩票中心| www.388649.com-七星彩体育彩票开奖| www.562619.com-下载新浪彩票网首页| www.615776.com-云购彩票犯法吗| www.667892.com-彩票官员落网| www.720521.com-七星彩17年第一期| www.787136.com-彩先知五点来料| www.839823.com-践行责任体彩| www.887878.com-106彩票投注网站| www.953325.com-竞彩网篮球计算器| www.988898.com-手机大小球彩票软件| www.cp854.com-最好的快三投注平台| www.ha02.com-杀姐姐看彩预测3d| www.vf11.com-卖体彩利润怎么样| www.16vd.com-在洪荒买彩票| www.aq74.com-拉菲彩票平台下载| www.yu47.com-山东体彩自由讨论区| www.4hu.cc-美国彩票史上最大奖| www.2434.net-看彩票开奖软件下载| www.333411.com-彩票分析予测| www.486234.com-想玩时时彩的找我| www.566377.com-乐彩二进制杀二码| www.627302.com-体彩有nba吗| www.686965.com-中彩那天讲课视频| www.753049.com-微彩吧官方-| www.808557.com-华东福彩l5选5| www.867092.com-58彩-| www.928001.com-国外彩票名称| www.971608.com-内蒙古快三时时彩网| 鑫亿彩www.053059.com| www.665482.com-彩票带回血骗局| www.750074.com-彩票app分分彩| www.820149.com-足彩富翁-| www.879794.com-5分快三是哪里的| www.940700.com-飞鱼彩票-| www.988934.com-新浪网首页彩票3d| www.oo70.com-跟计划买彩票倍投| www.31718.com-澳客足彩日报| www.261386.com-河南福彩快三技巧| www.328075.com-乐彩论坛手机| www.387815.com-今晚免费直码七星彩| www.122311.com-福彩3d奖金参照表| www.206956.com-网购彩票2019| www.275620.com-时时彩控制开奖结果| www.dd02.com-彩富网免费资料大全| www.i94.biz-精英彩票高手资料| www.391044.com-湖北有哪些彩票网站| www.496588.com-辉煌彩票能赚钱吗| www.799462.com-彩吧彩票合法吗| www.873553.com-彩41-| www.947124.com-怎么玩快频彩票| www.987448.com-财神彩票提现快吗| www.cp9688.com-今日中彩可靠吗| www.4ll.com-一分彩票怎么玩| www.968.me-七乐彩中奖有顺序吗| www.7880.com-时时彩害人的故事| www.29698.com-易彩集团用户登录| www.93891.com-体彩排列五历史遗漏| www.505.cn-大发分分彩开奖记录| www.5789.vip-双色球字谜图谜凤彩|