头像

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

来源:http://www.kdmendoza.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.kdmendoza.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.381577.com-体彩肥城中大奖了吗| www.989752.com-怎么下载乐彩网| www.393313.com-福利彩票6十1奖池| www.590994.com-大富彩票官网| www.731724.com-8k彩票登录-| www.885043.com-9号彩票网网址| 大赢家彩票平台www.609719.com| www.j41.com-深圳体彩中心| www.4167.me-彩虹6号标准版| www.24313.com-哆力七星彩表| www.019740.com-遵义彩票中心在哪里| www.214500.com-彩票店怎么加盟| www.859575.com-上海福彩三d| www.683214.com-福彩有投注app吗| www.603901.com-3a彩票线下载| www.330522.com-九号彩票手机网页版| www.596170.com-彩博士3d预测| www.776787.com-77彩官方下载| www.cai9244.com吉林省快三开结果| www.17zv.com-什么的彩虹桥| www.7601.me-彩票外挂软件app| www.78822.com-彩票双色球走势预测| www.136391.com-广西体彩自助投注| www.392377.com-体育彩票排三试| www.590132.com-易购彩票app| www.758925.com-永盛彩票代理刷返水| www.952225.com-稳赚彩票计划| www.ms22.com-彩票几个数字算中奖| www.9267.vip-乐彩网怎么充值| www.78253.com-gc彩票投注网站| www.979458.com-中彩网客服中心| www.76wv.com-9b彩票登陆-| www.5432.org-彩票开奖有没有作假| www.2zn.com-举报网络彩票有用吗| www.472130.com-男主角中彩票的小说| www.79494.com-重庆时时彩票龙虎斗| www.099955.com-首页彩票网-| www.203698.com-体彩速查表-| www.302899.com-快三还能玩多久| www.372897.com-彩票心水资料| www.554519.com-体育彩票和值23| www.637686.com-下载足球竟彩彩客网| www.841803.com-烟台福彩书法| www.920208.com-彩gg-| www.989860.com-福彩天天中彩吧| www.rt78.com-旺彩店主版-| www.449987.com-买彩票应该多久开奖| www.566679.com-彩虹无人机-| www.kw87.com-澳门彩票哪个正规| www.890049.com-快三猜大小单双技巧| www.929009.com-安徽体育彩票时时彩| 网易彩票www.062wy.com| www.501012.com-退伍迷彩倒计时| www.033548.com-彩店宝提现不好使| www.365258.com-香港彩票报刊大全| www.gz4.cc-江苏福彩网-| www.26on.com-石龙彩票店-| www.866408.com-昨日福彩-| www.29ws.com-新浪爱彩aqq下载| www.038390.com-快三追号软件下载| www.735933.com-手机快三怎么玩稳赚| www.55159.com-七乐彩福利彩票| www.199449.com-时时彩独胆方法大全| www.9564.com-太阳2彩票网可靠吗| www.80185.com-江苏快三遗漏爱彩| www.217038.com-省份快三有假吗| www.359125.com-今晚开七星彩规律图| www.513058.com-好运来彩票赚钱| www.650191.com-近期南京彩票中奖| www.777813.com-汇彩网彩种-| www.948085.com-福利彩票投注站加盟| www.666508.com-万达彩票是真的假的| www.804629.com-中国彩吧3d开奖号| www.56196.com-19023体彩-| www.315811.com-体彩店有刮刮乐吗| www.682202.com-足彩概率漏洞| www.736608.com-上海体彩网11选5| www.871895.com-利彩开奖快3是否| www.979648.com-河南快三综合图| www.vx50.com-时时彩快三软件下载| www.13664.com-360足彩即时比分| www.151412.com-红旗彩票靠谱吗| www.776850.com-彩77苹果版-| www.659149.com-快乐彩怎么看开奖| www.93426.com-竞彩平手盘怎么分析| www.163127.com-福利彩票走势大全| www.267025.com-推导彩票-| www.28753.cc-新浪体育彩票app| www.93822.cc-北晚新视觉足彩| www.212052.com-彩神大发不可以提现| www.929702.com-牛蛙彩票正版四不像| 818合彩www.288hc.com| www.gr73.com-河南福彩快3玩法| www.139047.com-同城彩票官网| www.237253.com-全民中彩票打不开| www.326935.com-古建彩绘专用颜料| www.540121.com-5星时时彩在线缩水| www.386559.com-体彩大乐透在线直播| www.32713.com-2018彩礼价格表| www.072086.com-彩票投注站私自吃票| www.200752.com-特区彩票论坛区| www.109210.com-六给给彩开奖结果| www.200176.com-体彩19029期| www.661588.cc-足彩8串8玩法介绍| www.653585.com-赢彩彩票与众不同| www.731349.com-595hcc易彩-| www.800964.com-大众彩票源码| www.872751.com-贵阳体彩申请| www.945205.com-快三最多开多少期小| 吉利彩票www.80075l.com| www.b18.com-最新彩票开奖双色球| www.37no.com-ios大公鸡七星彩| www.6852.com-丰彩注册-| www.431062.com-竞彩单关结果走势图| www.538789.com-安彩集团-| www.610995.com-今日开七星彩结果| www.701902.com-中国竞彩网唯唯看球| www.787498.com-彩1彩票下载安装| www.868721.com-海南7星彩预测| www.946663.com-福彩打一生肖| www.17548.com-足球竞彩即时比分| www.72854.com-中彩彩票怎么销户| www.041501.com-福彩3d湖南江南彩| www.615.me-时时彩后二预测软件| www.394111.com-腾讯分分彩预测方法| www.543962.com-玩彩的老头-| www.057591.com-体彩足球e竞彩玩法| www.836658.com-蓝月亮彩票-| www.1422.cc-网络博彩代理犯法吗| www.3630.net-福彩3d的聪明组合| www.74438.com-七乐彩一周开几次| www.022134.com-020彩票网-| www.210537.com-吉林长春快三| www.292008.com-体彩外围网站| www.cp9299.com-今天福彩快3走势图| www.yu93.com-神圣彩票平台可靠吗| www.220002.com-快频彩票网-| www.594949.com-彩坛达人定位| www.666249.com-航天彩虹是什么企业| www.736762.com-中彩网三的字谜| www.810300.com-彩16是官方的吗| www.906888.com-易博彩票下载| www.969688.com-彩票店能不能追号| www.bp15.com-1彩票app-| www.b03.com-三分彩官网开奖号码| www.517696.com-必胜彩票-| www.14959.com-中国全民彩票合法吗| www.822989.com-5504彩票网站| www.948902.com-福彩内部数据| www.997800.com-体彩单场竞猜| www.dl28.com-快三每天都出豹子吗| www.223950.com-中国体彩网官方| www.898947.com-信彩票赚钱是真的吗| www.615259.com-彩票软件开发系统| www.0611.cn-彩票精准防连挂计划| www.8735.cn-时时彩实战视频| www.34254.com-花草彩铅画简单| www.268681.com-3d福彩牛彩图| www.356474.com-淘宝可以送彩票吗| www.445645.com-哪个平台能卖彩票| www.530749.cc-电视遥控怎么调彩| www.620030.com-彩票易中奖软件下载| www.687997.com-广东省体彩中心在哪| www.771161.com-朋友玩时时彩发财了|