头像

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

来源:http://www.qn26.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.qn26.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.557121.com-vr彩票是不是很假| www.269053.com-933彩-| www.733798.com-福彩快频彩是什么| www.925173.com-财神彩票网站| www.994316.com-大发彩票注册邀请码| www.bc99.com-内蒙古福利彩票手机| www.840967.com-彩票怎么看综合数据| www.1ci.com-乐彩网用户登录| www.860.com-时时彩后一九码计划| www.62224.com-全民汇彩票可以买吗| www.620516.com-湖南动物总动员彩票| www.526508.com-足彩串关奖金计算表| www.73ws.com-牛彩网图迷总汇大全| www.200070.cc-中国福体彩开奖结果| www.079018.com-91彩票app-| www.253334.com-好彩店彩票骗局| www.363310.com-天天彩选3走势图| www.iq20.com-3d彩票吧-| www.184664.com-456好彩票-| www.263046.com-福彩有几个玩法| www.345616.com-本子福利吧全彩触手| www.77495.com-必赢彩票网正规吗| www.386352.com-福彩快3武汉| www.th54.com-乐点大发快三官网| www.252533.com-买彩票群-| www.355380.com-中国福彩5分快3| www.450101.com-中彩票搞笑图片带字| www.911607.com-快三大小单双走势| www.996185.com-北单胜负彩开奖结果| www.ce62.com-幸运快三怎么下载| www.ys05.com-彩票会员123官网| www.53ss.com-2018南昌彩票| www.566747.com-河南福彩网站| www.225032.com-五分彩秘籍-| www.194697.com-快三上海快三开奖号| www.959028.com-美国彩票强力球图| www.79dd.com-足球彩票小说| www.2117.vip-江苏体彩客户端| www.121583.com-迪拜28彩票网站| www.720578.com-七星彩姓名幸运号| www.858451.com-彩世界苹果版下载| www.577977.com-天中图库好运彩一一| www.709866.com-破解时时彩万能规律| www.825323.com-好彩频道直播回放| www.961136.com-福彩3d山东图| www.ez95.com-北单足彩开奖时间| www.19cv.com-点击内容更精彩| www.7166.cc-七彩阳光慢动作教学| www.59120.com-2019体彩前景| www.012539.com-19017七星彩| www.561577.com-春彩娱乐提现不了| www.659587.com-六号平台彩票| www.741411.com-竞彩分直播500| www.2rt.com-盈利彩票网-| www.56uj.com-360彩票预测推荐| www.613631.com-网上充值买彩票| www.560579.com-乐彩论坛双色球| www.738036.com-下载5百万彩票| www.768007.com-常州福彩店转让| www.870624.com-大走势图乐彩走势图| www.962128.com-江西福彩助手ios| www.kq26.com-360彩票3d走势| www.239581.com-360购彩大厅首页| www.02700.com-安徽福彩快3预测| www.89382.com-福彩8676-| www.002377.com-北京体彩联系电话| www.278160.com-中彩网wap-| www.188.red-彩铅难不难-| www.424668.com-青岛七彩虹| www.53292.cc-正规最大时时彩平台| www.036596.com-竞彩足球三串一大奖| www.131004.com-河南人上蔡县彩礼| www.02ux.com-彩票走势k线图| www.592862.com-彩虹七号多少钱| www.716157.com-宝马彩票有技巧吗| www.728535.com-七星彩综合版| www.827990.com-彩宝贝杀排3| www.184428.com-湖北体彩11选5| www.411666.cc-苹果x原彩模式| www.539640.com-江西福彩大奖兑奖| www.313020.com-彩票半顺是什么意思| www.8474.pw-融彩网平台-| www.329553.com-时彩族-| www.671258.com-万彩动画大师安卓版| www.859207.com-彩票99安卓版| www.206918.com-香港绝密彩票网| www.vn71.com-上海福彩网官方首页| www.840925.com-彩票内部数据连接| www.04486.com-微信提现的彩票网站| www.350342.com-湖北体彩中心在哪里| www.jn42.com-网上快三算不算赌博| www.13055.cc-吉林长春快三走势图| www.252308.com-中彩在线能提现吗| www.358011.com-福彩刮刮乐国泰民安| www.456579.com-中国体彩生肖乐| www.537563.com-彩色的组词-| www.610920.com-彩票中心怎么作假| www.688780.com-105彩票全部版本| www.763234.com-学生中彩票大奖| www.839481.com-体彩排列五历史图表| www.3501.cm-彩票一元购注册送钱| www.137861.com-福彩快三和值| www.a03.org-在线买彩票-| www.79uk.com-无锡福彩双色球| www.19671.cc-一分时时彩规律| www.119032.com-福建福彩一定牛| www.365677.com-容易临摹的彩铅名画| www.7142.cc-哈尔滨七彩国际影城| www.222566.com-福彩3d论坛定胆| www.853828.com-陕西福彩20选8| www.zq7.cc-浙江快乐彩复式胆拖| www.273561.com-彩票案于海最终结果| www.485445.com-利用彩票平台挣钱| www.375255.com-小小鱼版一彩吧图谜| 网易彩票www.26163x.com| www.m77.hk-买彩票一张多少钱| www.50757.com-海南私彩中奖规则| www.026239.com-体彩大乐透玩法胆拖| www.714701.com-七乐彩除九走势图| www.790620.com-好彩一开奖规则| www.853468.com-皇冠国际彩票| www.916164.com-时时彩送注册38| www.973314.com-温州福彩中心| www.cp260.com-福彩快三推荐| www.653655.com-网上兼职帮人买彩票| www.230183.com-彩票666下载安装| www.422787.com-彩票投注计划网站| www.570698.com-七彩云盒苹果版下载| www.967143.com-福彩3d藏机图正版| www.220073.com-1分钟开的彩票| www.780282.com-人人爱彩票-| www.qa26.com-彩六官网下载| www.nu71.com-快三和值9赔多少| www.301455.com-福彩网购是真的假的| www.368889.com-内蒙古彩票快3购买| www.98366.cc-最好分分彩计划软件| www.079976.com-彩票扣税-| www.152311.com-彩票33辅助软件| www.232900.com-好彩网是诈骗网站吗| www.77720.com-下载家彩软件下载| www.28ik.com-星耀国际彩票有人带| www.365812.cc-什么彩铅涂得逼真| www.439690.com-快快彩票下载| 345彩票www.997345.com| www.871540.com-老版腾龙时时彩| www.983796.com-临沂福彩中心在哪里| www.vd67.com-彩票帮投骗局| www.0692.cn-福彩彩票机换纸| www.7692.loan-三彩女装正品旗舰店| www.62613.cc-七星彩的中奖号码| www.641708.com-体育彩票门头材质| www.80jt.com-网易彩票能买大乐透| www.568539.com-彩薇花护手霜| www.x17.net-248彩票合法吗| www.8012.org-彩虹伞歌曲-| www.553969.com-篮球彩票胜负推荐| www.642313.com-福彩公益宣传图片| www.866832.com-打开彩票开奖结果| www.gs49.com-好彩烟价格-| www.429297.com-中港彩票赛车直播| www.528396.com-五彩神牛字谜今日| www.614769.com-数字3彩票-| 大赢家彩票平台www.127283.com| www.661580.com-竞彩8串28多钱|