头像

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

来源:http://www.gdhsgroup.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.gdhsgroup.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.119468.com-福彩中心3d试机号| www.195316.com-快三开奖河南结果| www.364468.com-世界杯哪个彩票| www.505472.com-彩运无限怎么充值| www.346358.com-96彩票-| www.451051.com-拉菲时时彩登录| www.34rr.com-成都彩票通软件下载| www.557477.com-彩虹伞早教-| www.657092.com-中国福利彩票号码| www.738225.com-百度彩票排列五开奖| www.818024.com-3d定胆杀号家彩网| www.891057.com-彩票用语高双| www.78198.com-彩票平台投诉电话| www.15771.cc-公益彩票是骗人的吗| www.70196.com-时时彩后三杀号技巧| www.044567.cc-9亿彩票首页| www.44eq.com-彩虹桥活动-| www.299360.com-江苏快三超牛公式| www.736009.com-七星彩位数开奖规则| www.920282.com-彩票计划86在线网| www.617618.cc-凤凰公益彩票网| www.712691.com-网络竞彩恢复日期| www.817888.com-随机彩票中奖率高吗| www.924818.com-穷人只能买彩票| www.100279.com-网销彩票-| www.187817.com-北京快三豹子预测| www.037339.com-号百彩票开奖结果| www.2490.top-人工计划时时彩| www.191926.com-福彩三d走势带连线| www.828019.com-彩民争霸app下载| www.417920.com-彩漂剂的作用| www.82dw.com-竞彩和外围单固对冲| www.306652.com-彩票机选中奖率高吗| www.23278.com-时时彩四季发财规则| www.056128.com-体育彩票开奖电脑版| www.186789.com-快三投注方式| www.217286.com-贵州福彩快3下载| www.387031.com-手机保护膜彩膜| www.541500.com-官方体彩投注| www.670996.com-排列五走势图彩经网| www.0db.com-乐彩网彩票| www.509291.com-上诲快三开奖| www.730560.com-体彩预测专家预测| www.812475.com-体彩中奖诀窍| www.7160.cn-彩票8亿官方端口| www.05me.com-3d彩组六必中| www.8903.top-射阳城西体育竞彩店| www.71337.cc-快三走势图怎么做| www.686036.com-正版福利彩票手机版| www.39229.cc-彩票开奖日期怎么看| www.059856.com-英国时时彩开奖号码| www.837989.com-彩羽红葡萄酒怎么样| www.933.me-彩吧彩报图迷第三版| www.17999.cc-兼职时时彩是真的吗| www.70980.com-3d彩民-| www.980335.com-牛彩彩票平台注册| www.746368.com-彩票与五行数字| www.m11.in-彩之家大发快3预测| www.0307.loan-2月彩票销量| www.136227.com-福彩广西基本走势图| www.144190.com-竞彩足球单关| www.033702.com-破解腾讯分分彩漏洞| www.44za.com-上海近10期快三| www.452.biz-大发彩票是黑平台吗| www.799301.com-下载恒大彩票| www.963219.com-彩铅落日的风景画| 天下彩www.429689.com| www.rr19.com-致富彩票骗局| www.23qf.com-韩国快三共多少期| www.778056.com-福彩88软件下载| www.877222.com-匕乐彩推荐-| www.950142.com-金龙彩票苹果安装包| www.999224.com-竞彩足球预测| www.dq22.com-11选5快彩官网| www.766651.com-贵阳彩票中奖| www.311701.com-01彩票安卓版| www.750526.com-北京九歌彩票手机版| www.842511.com-中国福利体育彩下载| www.926329.com-江西体彩官网app| www.984212.com-内蒙古快三和值图表| www.uz3.com-马来三分彩开奖记录| www.254618.com-福利彩票怎么买法| www.940990.com-大发快三是私人的吗| www.920705.com-青海快三表-| www.w86.club-大连彩票兑奖时间| www.72hy.com-京彩钱包app下载| www.2588.net-彩票网站盗走账号| www.539825.com-福彩3d毒夸公式| www.021406.com-爱中彩票app下载| www.375581.com-中彩网群英会开奖| www.674675.com-汇丰彩票多少年了| www.32nf.com-中体彩彩票网| www.786.red-大乐透复式彩票| www.535175.com-黄金分割与数字彩票| www.674576.com-体彩归民政部吗| www.769465.com-好彩官方版是真的吗| www.914083.com-广西福彩网官方网站| www.978635.com-天天中彩票福彩3d| www.cp857.com-410彩票-| www.134699.com-福彩开奖结果是多少| www.755134.com-炫彩彩票软件| www.315989.com-新浪彩票官方app| www.29261.cc-香港彩宝典app| www.123726.com-上期七彩开什么奖| www.89972.cc-七星彩随机号码工具| www.110273.com-七星彩如何包码赚钱| www.280072.com-时时彩精选app| www.364788.com-86彩票计划网| www.201173.com-七星彩基本走势图表| www.428318.com-七星彩缩水选号| www.385628.com-七星彩彩票-| www.qa01.com-帝王彩票app| www.32ej.com-彩票今天开什么哪类| www.676389.com-今日福彩三d奖号| www.876400.com-体彩5d出什么号| www.947085.com-体彩高频彩票| www.989805.com-8816购彩app| www.ag44.cc-往期福彩开奖| www.321824.com-用大数据预测彩票| www.411683.com-手机彩票开奖号码| www.579075.com-凤凰1码彩经| www.637320.com-彩虹5巡航速度| www.716591.com-彩铅排线方法图解| www.776172.com-好盈彩票-| www.831679.com-85彩票是真的吗| www.884833.com-至尊争霸彩票安全吗| 吉彩www.318021.com| www.99522.cc-哪个软件可以打彩票| www.290605.com-彩宝彩票官网下载| www.834860.com-乐米炫彩是什么| www.913315.com-体育彩票旗舰店官网| www.bg5.com-时时彩一期一计划| www.n95.net-豪彩vip注册登录| www.3082.biz-中国连中连彩票| www.863859.com-彩票下载开奖查询| www.930218.com-大发快三出豹子规律| 500彩票www.50051n.com| www.ft03.com-宝马彩app-| www.831071.com-248彩票网址| www.909941.com-3d彩票规律-| www.965478.com-福彩3d香港漫画| www.lk7.cc-网上买彩票的导师| www.py77.com-乐都彩票app| www.75ho.com-武汉足彩到哪领奖| www.2010.org-和彩放题爆光| www.418355.com-中博技术彩票系统| www.888004.cc-3d试机号牛彩网| www.982445.com-湖南体彩官方网站| www.eu45.com-彩神软件怎么样| www.320044.com-360彩票电脑版| www.46596.com-七乐彩一等奖多少钱| www.277.date-化妆品彩妆店加盟| www.770071.com-七彩云南普洱茶| www.139845.com-yczx盈彩在线| www.219582.com-3彩彩票官网| www.xk75.com-快三图表和值| www.965243.com-tkcc天空彩资料| 幸运众彩www.108097.com| www.fv04.com-快三福彩那些合法| www.vt88.com-大发快三怎么回血| www.19587.com-发彩网大小单双| www.655630.com-彩票中奖软件生成| www.715235.com-赢发彩票是骗局吗| www.472889.com-天天抢红包彩票平台|