头像

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

来源:http://www.xdwhw.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.xdwhw.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.2355.me-好彩快三是怎么回事| www.56764.com-彩票app可信吗| www.309234.com-网上买彩票骗局| www.986465.com-基诺彩开奖记录| www.37zb.com-体彩在哪个台开奖| www.29987.com-忆彩堂-| www.775970.com-时时彩输到想死| www.6ft.com-彩票的原理的规律| www.20rn.com-抓包修改时时彩数据| www.388101.com-深圳中国体彩店转让| www.555507.cc-七星彩今天号码预测| www.660828.com-乐投彩票app| www.759543.com-湖北快三推荐和值| www.857518.com-手机里福彩端| www.946526.com-福建官网体彩| 幸运彩票www.444219.com| www.860903.com-大星彩票网-| www.52636.cc-如何判断好彩真假| www.006897.com-彩神软件安卓版下载| www.278857.com-快三秒热水器水小| www.966108.com-最近福彩中奖号码| www.fg44.com-正规彩票微信群| www.x26.bid-彩神ⅱ邀请码| www.101480.com-奥客网彩票网| www.389303.com-彩票扫码售票| www.542521.com-全球彩是什么意思| www.629318.com-如意彩3d-| www.1wt.com-彩票11选五怎么玩| www.660308.com-分分彩论坛-| www.569996.com-彩票三d开奖多少钱| www.5892.site-广东彩礼多少| www.398070.com-福彩票开奖公告查询| www.092089.com-500百姓彩票| www.160132.com-体育快中彩-| www.480321.com-怎么算七星彩票| www.731830.com-彩色包装纸箱厂家| www.817173.com-杭州快三查询| www.952141.com-时彩app-| www.hq8.com-新内蒙古快三查询| www.717805.com-彩铅简单的风景画| www.958085.com-彩票整改-| www.49ki.com-足彩伤停情况| www.407093.com-88爱彩官方app| www.788040.com-足彩胜天半子| www.644574.com-纽约一分彩开奖查询| www.751437.com-人人中彩票下载官网| www.828588.com-彩盛彩票官网| www.895452.com-福彩3d历史-| www.957426.com-王牌彩票网-| 中国福利彩票www.33588s.com| www.2kx.cc-彩票店足彩提成多少| www.219846.com-新彩吧3d走势图| www.026689.com-网上代买彩票合法不| www.851702.com-时时彩安卓版下载| www.914997.com-时时彩送彩金25| www.971394.com-体彩开奖j结果| www.eo75.com-彩票开奖双色球号码| www.2yn.cc-快三数字图片大全| www.376.cn-彩票代理怎么盈利| www.127016.com-彩铅画景图片| www.234861.cc-乐彩3d论坛静态版| www.36965.cc-特彩巴高手网资料| www.87882.cc-金沙国际彩票怎么玩| www.10222.com-竞彩足球魔方| www.269272.com-3分时时彩开奖结果| www.380155.cc-网易彩票不再更新| www.512993.com-淘彩票邀请码多少| www.654761.com-三分时时彩介绍| www.772134.com-500彩票天津快三| www.870069.com-成都足彩分析师招聘| www.948425.com-福彩3d大花猫1| 万利www.32123x.com| www.894759.com-彩票试机号查询全国| www.970478.com-中国福彩彩票| 豪彩VIPwww.966082.com| www.ll12.com-青海快三开奖号码| www.j99.in-彩票免费送彩金代玩| www.173215.com-大发快三平台网址| www.058300.com-彩界过客3d胆组| www.176114.com-快三网赚-| www.266665.com-河北快三买号技巧| www.7643.cn-彩票创意图-| www.67843.com-买彩票属于赌博| www.024592.com-是谁代理彩神通四码| www.107362.com-福彩3d图迷总汇图| www.181050.com-网上中彩网是真的吗| www.275729.com-快三平台作弊软件| www.631038.com-好友游戏彩票下载| www.782498.com-十一选五江苏爱彩乐| www.874906.com-官网竞彩258下载| www.966473.com-全球彩彩票是什么| www.du10.com-亿彩彩票app| www.984302.com-彩吧圆圆红脸蛋字谜| www.fn11.com-彩乐乐网彩票| www.bw41.com-重庆贵族快三| www.542349.com-钻石彩票软件下载| www.87217.com-七星彩怎么买法| www.42964.com-三d开奖中彩网| www.90303.cc-福彩太湖藏机图| www.4634.com-彩票所有号码多少钱| www.9866.pw-古建彩绘颜料调配| www.55818.com-七星彩奖表苹果版| www.74zu.cc-七星彩19047| www.f22.cn-彩票开奖查排列五| www.55qz.com-体彩游泳投注公式| www.874196.com-彩之牙彩票查询系统| www.942800.com-福利彩票领奖期限| www.983645.com-网络彩票举报电话| www.cai2988.com快三是啥东西| www.552705.com-玩彩票安卓官网| www.290896.com-爱彩乐专业版手机版| www.783112.com-天天大奖彩票站下载| www.3288.cn-39福利彩票走势图| www.46659.com-快彩11选五开奖| www.388119.com-华彩集团有限公司| www.77325.com-e乐彩手机注册登录| www.081092.com-佛教求财彩票中奖| www.134945.com-7天彩cc-| www.218667.com-葡京快三彩票| www.858161.com-安徽快三最新走势图| www.939635.com-彩票网地址大全| www.998764.com-体彩天下是真的吗| www.fm53.com-广西福彩快3间隔值| www.037005.com-成化珐琅彩特征| www.602499.com-龙赢彩票-| www.708171.com-c彩61网站-| www.783542.com-什么是会员彩票| www.843900.com-国彩票-| www.894347.com-两分快三开奖记录| www.952517.com-幸运彩票的网站| www.994638.com-彩票中的倍数怎么算| www.ge65.com-彩铅画图片-| www.822736.com-本地体彩票开奖| 彩票驿站www.621431.com| www.18ux.com-泰安东彩票站位置| www.368809.com-9万彩票安卓手机版| www.571038.com-彩票开奖新闻| www.571887.com-福彩通图标-| www.1046.vip-《亿万彩票》| www.824371.com-买彩票家破人亡| www.894473.com-手机彩票万彩吧开奖| www.964524.com-中国体彩在线购买| 天天彩票www.101129.com| www.69383.cc-彩票随机多少注科学| www.331185.com-彩票走势图预测篮球| www.1819.name-重庆时彩客户端下载| www.33ga.com-飞来福彩吧app| www.321423.com-官方开奖的快频彩| www.479703.com-极速3d彩票是什么| 500彩票www.66653p.com| www.522046.com-广州好易彩票| www.670179.com-海南彩票网彩版下载| www.834545.com-婚庆彩烟哪里有卖| www.931237.com-什么是南洋彩| www.sq05.com-福彩双色球领奖地址| www.214.tv-大星彩票走势图势图| www.549300.com-彩票数据漏洞| www.86013.com-彩涂卷厂-| www.942.bid-七星彩怎样中奖| www.13466.cc-微信彩票诈骗| www.88066.com-什么平台买彩票安全| www.539906.com-数字彩杀号法| www.024392.com-靠谱的体育彩票| www.lm80.com-双色球擂台中彩网|