头像

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

来源:http://www.dn64.com.cn/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.dn64.com.cn/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.018231.com-福彩藏机图今天破解| www.140598.com-北京彩票兑奖中心| www.228059.com-江苏快三网购真假| www.002304.com-福彩3d玩法和赔率| www.099162.com-湖南快三专家杀号| www.177165.com-广西快三一定牛| www.262613.com-福彩快三合肥走势| www.090255.com-淘彩票969-| www.175611.com-福彩快3助手免费版| www.251868.com-彩票送彩金的平台| www.583327.com-彩色打印机价格| www.27958.com-快三属于违法么| www.018157.com-71彩票-| www.84ch.com-彩客苹果下载不了| www.08588.com-318彩票网-| www.33249.com-彩票几分钟一开| www.807256.com-玛雅吧彩票下载| www.974675.com-福彩快3出豹子| www.rs10.com-你的名字叫无敌快三| www.87zd.com-abc彩票计划网站| www.34296.com-人物彩铅画图片| www.579643.com-统一彩票下载| www.577288.com-返水日结的彩票代理| www.669318.com-福彩票3d杀和值尾| www.767721.com-福彩宝网彩3d| www.877271.com-上海快三和值预测| www.979875.com-二分快三-| www.543249.com-体彩排列三今晚预测| www.133263.com-易旺彩票是不是骗子| www.237954.com-福彩开奖查询结果| www.349585.com-老彩票平台代理| www.448006.com-好123彩票网彩网| www.564933.com-福彩3d组选号码| www.875037.com-熊猫竞彩app中乙| www.958836.com-网上彩票开售了吗| www.hc40.com-鼎盛彩运8团队| www.088322.com-快三权威软件著作权| www.167972.com-汀苏快三走势图| www.240289.com-新3d彩票-| www.339338.cc-买彩票的可靠软件| www.948053.com-广东省体彩福彩开| www.bt04.com-彩吧助手旧版| www.wy67.com-新浪彩票全国开奖| www.827371.com-中国彩票官方网站| www.7007.xyz-篮球胜负彩怎么玩| www.63992.cc-足彩弃赛结果怎么算| www.040480.com-彩票平台有开挂吗| www.192200.com-江苏快三开奖软件| www.949288.com-做梦彩票中奖了| www.6619.cm-年后彩票几号开售| www.32824.com-希望彩票app入口| www.024060.com-香港1997彩票| www.101132.com-彩运8登录-| www.170028.com-快三彩票平台| www.270515.com-日本彩票销售下降| www.412463.com-彩票在线计划员| www.547861.com-排三乐彩网开奖号| www.676739.com-福彩3d矩阵图详解| www.pv01.com-98c彩票-| www.23ru.com-978彩票官网下载| www.226668.com-彩迷葫芦第-| www.191230.com-彩票走势怎么分析| www.sl36.com-时时彩组六组三全包| www.04gj.com-彩铅人物手绘| www.74so.com-福彩3d兑奖限制| www.395851.com-周日彩票开什么| www.506557.com-纳音五行杀彩票号法| www.579276.com-广西快三出号规律| www.640291.com-新浪爱彩正规吗| www.703300.com-中国福彩票结果| www.778539.com-手机中彩网安全吗| www.853238.com-金福彩票网是黑彩吗| www.916301.com-代理全民彩票犯法吗| www.974261.com-彩民在线频道再见图| www.vn13.com-彩88开奖历史号| www.362878.com-福利彩票选4开奖| www.444596.com-顺盈彩票骗人| www.525102.com-彩票平台ip-| www.586019.com-彩票平台跑路| www.647893.com-体彩开奖和视频直播| www.710713.com-中国彩票中心| www.789050.com-竞彩任九推荐| www.867422.com-家彩网杀号-| www.0149.cm-彩色造句一年级简单| www.163110.com-福彩排列五游戏规则| www.74637.com-体育彩票种类有哪些| www.613028.com-福利三分彩网站下载| www.47493.com-江苏好彩60123| www.2872.me-体彩排列五中四个号| www.39291.cc-安装苹果天天中彩票| www.061095.com-彩客站计划群| www.273576.com-时时彩玩法图| www.531133.com-买彩票止损-| www.667137.com-七星彩各等奖中奖率| www.203050.com-湖北彩票开奖公告| www.386390.com-999彩票苹果版| www.550390.com-福彩小黄人赚钱吗| www.661590.com-竞彩8串8啥意思| www.789131.com-竞彩14场二等奖| www.6936.vip-e彩美缝剂怎么样| www.cp0318.com-彩票开挂神器| www.85628.cc-七星彩创始人白秀华| www.096360.com-福彩体彩能一起开吗| www.180033.com-体彩网比分-| www.285068.com-梦到被追杀彩票| www.382639.com-足彩19036-| www.509540.com-爱心彩官方下载| www.619132.com-云南省体彩中心官网| www.718484.com-见到彩虹寓意| www.813229.com-探探上加微信玩彩票| www.951639.com-中原福彩-| www.bx54.com-最新彩票平台| www.88tz.com-彩钢瓦房图片| www.2723.xyz-唐山福彩兑奖哪里| www.00030.com-彩钢瓦围墙寿命| www.59571.com-日彩网可靠吗| www.147285.com-什么购彩平台安全| www.309932.com-江苏省体彩中心| www.524930.cc-黑客盗取私彩平台钱| www.652242.com-体彩福彩星期几开奖| www.760257.com-彩票平台不能提现| www.976663.com-四川成都彩礼价格表| www.il27.com-533彩票app-| www.u19.com-生彩宝怎么设置胆码| www.84go.com-福利彩票亭-| www.835246.com-炫彩微商官方网站| www.799078.com-多赢彩票线路导航| www.181657.com-贵州快三开奖纟结果| www.310635.com-云南省体彩中心地址| www.al93.com-七星彩奇偶走势图| www.b98.cc-彩投网-| www.65sf.com-hao彩票开奖| www.3812.biz-雨鱼彩票专栏| www.548937.com-彩播贝贝密码房合集| www.664155.com-工商银行彩票定投| www.770027.com-七彩西游记全集| www.943443.com-海南省七星彩规律图| www.gl4.com-时时彩时间调整| www.27nj.com-彩票491-| www.344444.com-六开彩三中三怎么买| www.420481.com-招聘彩票销售员| www.512572.com-爱姿彩-| www.550972.com-海南快三是骗人的吗| www.610809.com-体彩计算器-| www.664369.com-浦东体育彩票发放点| www.327599.com-七星彩号码开奖号码| www.494744.com-广东快乐十分彩控网| www.936281.com-乐山快三开奖结果| www.ad57.com-今日中原风彩开奖| www.m88.mobi-热购彩票登陆| www.29838.cc-福彩中奖号查询| www.446440.com-多彩彩票时时彩平台| www.176100.com-快三计划软件官网| www.305895.com-中彩票挥霍-| www.422382.com-9968彩票手机版| www.633293.com-篮球彩票在哪儿买| www.752581.com-乐购彩彩票网| www.882182.com-吉林快三和值推荐号| 55世纪www.995sj.com| www.059819.com-东方三分彩是哪里的| www.27829.cc-彩票128-| www.009298.com-166彩票下载| www.8234.pw-莱利pk彩票-| www.019531.com-福彩3d神六鬼算|