头像

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

来源:http://www.hopkintonrealty.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.hopkintonrealty.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.ks75.com-福彩中奖概率| www.457002.com-恒彩88地址-| www.782697.com-爱彩乐彩票网电脑版| www.mj24.com-时时彩注册送88元| www.94689.com-竞彩套利方法| www.v74.cc-柳州快三末班车几点| www.554539.com-体彩谜语诗谜汇总| www.814589.com-河北省福利彩票招聘| 乐彩网www.lcw997.com| www.384006.com-爬虫彩票-| www.456477.com-什么彩票送注册金| www.915546.com-彩票选址-| www.356981.com-彩票兑奖有危险吗| www.900739.com-福彩快三代理怎么做| 99彩票www.577062.com| www.026014.com-体彩五的开奖结果| www.415279.com-红树林彩票平台官网| www.679781.com-彩票2元网下载| www.789251.com-山西足彩5808| www.882312.com-345彩票网app| 天下彩www.840680.com| www.053278.com-有没有快三群| www.157562.com-北京单场和竞彩| www.132593.com-吉利彩票怎么玩| www.884999.cc-彩摘布衣天下好彩网| www.993244.com-玩网彩票真能赚钱吗| www.vk82.com-体彩排列5中奖规则| www.91ah.com-微彩站怎么样| www.162925.com-大乐透_彩民村| www.855976.com-中国七星彩开奖直播| www.965123.com-彩票江苏快三是撒| www.815163.com-燕赵风彩新闻| www.896557.com-博彩套利大神| www.968343.com-福利彩票3d开奘| www.ap57.com-广东快三开奖走势图| www.265886.com-宁夏福彩网-| www.rc19.com-中国彩票网站大全| www.905708.com-一分快三怎样看大小| 多乐彩票www.322424.com| www.512168.com-彩铅好学吗-| www.94ld.com-福彩双色球选几个号| www.tq0.com-抚州彩票投注站| www.th01.com-彩票大乐透开奖号码| www.872540.com-云南彩票-| www.011253.com-福彩昨晚出什么号| www.16766.cc-红旗彩票是真是假| www.221768.com-彩票破解软件大全| www.54667.com-棋牌彩金论坛| www.360439.com-新罗区彩票-| www.431144.com-竞彩足球单关统计| www.027667.com-中国福彩3d讨论区| www.871932.com-安卓版彩票缩水| www.966093.com-福彩3d倍投计算器| www.cp7893.com-福彩快三开奖查询| www.1808.vip-中国福彩标志尺寸| www.cp5.cn-贵州省福彩中心| www.332262.com-体育彩票输了很多钱| www.419016.com-郑州体彩中心在哪| www.5384.biz-久久彩票怎么了样| www.37719.cc-奥克彩票如何加盟| www.85ly.com-财神8五分彩| www.28pp.com-72彩票下载安装| www.48440.com-足球手机购彩软件| www.52lo.cc-彩沙涂料-| www.168540.com-内蒙快三链接| www.739612.com-彩乐园彩票下载安装| www.69538.cc-竞彩合法吗-| www.967316.com-福彩双色球选号| www.783707.com-七乐彩综合分布图| www.845630.com-福利彩票历任主任| www.200.black-简单色彩渐变画| www.bh12.com-黑彩快三技巧| www.01000.cc-福彩3d专家杀和尾| www.369091.com-彩票699网站| www.558140.com-今日彩票手机版下载| www.681794.com-909彩票-| www.246210.com-吉林快三预测号码| www.522448.com-我乐时时彩网| www.687613.com-新彩吧福彩3d字迷| www.896687.com-华夏彩票是真是假| www.976668.cc-巴中彩礼价格表| www.cp9198.com-中彩彩票注册邀请码| www.nx30.com-l中国竞彩500| www.04yr.com-美丽的校园彩铅画| www.69hq.com-七彩德宏麻将下载| www.11925.cc-乐乐彩票真假| www.02992.com-福彩3d分解式秘籍| www.0514.love-体彩排三十期试机号| www.uk79.com-一分快三开奖豹子号| www.623839.com-胜负彩推荐app| www.789434.com-三弟彩票图-| www.875499.com-大乐透彩票的规则| www.949914.com-倍喜彩票平台| www.is2.cc-快三网站平台官网娱| www.246552.com-体彩时时彩11选5| www.342422.com-期期743好彩| www.439998.com-渭南彩票站转让| www.587660.com-彩排列五开奖| www.737496.com-彩吧网首页论坛首页| www.8039.vip-手机够彩票-| www.38376.cc-南国七星彩规律图规| www.96494.com-什么是竞猜型彩票| www.880493.com-中彩网甘肃快三| www.994681.com-辉煌彩票怎么下载| www.qn89.com-上期七星彩开奖号码| www.849880.com-体彩试机号码是| www.947767.com-台湾彩票历史开奖| 购彩在线www.66332y.com| www.mz52.com-彩票开奖源软件| www.60398.com-快三秒奶茶怎么加盟| www.341047.com-韩国快三微信群| www.8729.pw-足彩票app下载| www.195252.com-河南七星彩开奖结果| www.350218.com-万人牛牛彩票| www.748368.com-中彩在线真的输线| www.cp3700.com-百盈快三害了多少人| www.954978.com-动物彩票开奖走势图| www.dd42.com-530快三彩票| www.996775.com-陕西快三走势图| www.ge11.com-彩迷网下载-| www.p00.top-彩票怎么提成| www.443365.com-七乐彩周几开奖| www.899.me-双色球老彩民论坛| www.879954.com-陕西省福利彩票开奖| www.xg73.com-福利彩票快3安装| www.yr88.cc-延吉市招聘彩票| www.305617.com-中国的彩票能中奖吗| www.394418.com-干个彩票站得多少钱| www.499807.com-香港快三开奖查询| www.567440.com-彩票站杀人案| www.rh03.com-甘肃11选5爱彩乐| www.701099.com-足彩通app苹果版| www.777076.com-时时彩倍投骗局| www.852359.com-河内时时彩吧| www.908732.com-安徵福彩-| www.979426.com-快三回血贴吧| www.go60.com-全国彩礼排名| www.319391.com-融彩网平台登陆| www.ed95.com-彩神邀请码最新| www.286030.com-福彩幸运彩-| www.961295.com-彩票中奖必读| www.xf86.com-够力七星彩解梦查码| www.65iu.com-互彩宝怎么登录彩票| www.3852.org-七星彩杀四位| www.365799.com-彩铅怎么涂-| www.563388.com-彩票60秒官方网站| www.674800.com-在英国如何买彩票| www.761366.com-宝马彩票计划网页版| www.860996.com-广东好彩1最新开奖| www.146200.com-nba竟彩-| www.658666.cc-中彩乐网址-| www.369684.com-福彩双色球几号停| www.58.bid-吉林快三半顺| www.3827.cm-七星彩是几到几| www.602537.com-体育彩票店盈利情况| www.16402.cc-竞彩合买跟单靠谱吗| www.17563.cc-傲赢彩票网站| www.219172.com-工地彩钢围挡| www.421444.com-今天甘肃快三推荐号| www.046769.com-乐彩直播app| www.526951.com-皇冠彩票网手机投注| www.439493.com-彩之星公式-| www.002172.com-彩票目前最-| www.260183.com-福彩头奖怎么领取|