头像

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

来源:http://www.iw4g.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.iw4g.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.689638.com-青蛙彩票4s-| www.8496.loan-彩票中数字的奥妙| www.835795.com-中彩那天的批注| www.911613.com-三分快三走势怎么看| www.979572.com-一品彩票平台| www.81ao.com-3d彩神通下载| www.2652.wang-旺彩网预测-| www.32655.cc-重庆结婚不收彩礼| www.228977.com-福彩河南快3走势图| www.18450.com-网络彩票如何推广| www.72274.com-福彩一体机设置| www.23313.cc-3d跨度走势中彩网| www.685805.com-银彩通-| www.819767.com-买了彩票不敢看开奖| www.901532.com-福彩3d今天出奖号| www.969140.com-体彩公益金分类| www.wb97.com-福利彩票速查表| www.792776.com-彩票中奖符如何画| www.929468.com-上上海体彩网| www.997077.com-福彩图迷字迷猜数字| www.fp15.com-快三一分-| www.392797.com-今晚的彩票中奖号码| www.008910.com-彩票是什么性质| www.118573.com-境外彩票网站制作| www.234939.com-正版福利彩票软件| www.331132.com-财神彩票是真实的吗| www.494403.com-沈阳铁西彩票站出兑| www.074888.com-福彩百度贴吧| www.514344.com-重庆时时彩高倍中| www.618967.com-山东福彩去哪里领奖| www.629993.com-福彩数学3-| www.732357.com-河南焦作市结婚彩礼| www.832380.com-快彩双色球助手| www.933907.com-七星彩助手-| www.781450.com-福彩猜2d玩法| www.884024.com-乐彩网福彩3b预测| www.962998.com-查福利彩票七乐彩| www.cai555.cc-福建彩票快3| www.lw09.com-时时彩牛牛玩法介绍| www.034666.com-花生彩票能玩吗| www.139183.com-天天竞彩软件| www.w74.club-走势图快三福建省| www.286347.com-江苏体彩官网首页| www.433687.com-乡下开彩票店吗| www.539113.com-重庆时时彩各种玩法| www.607111.cc-天津市体育彩票| www.kk9.cc-中国彩吧牛材网| www.443885.com-体彩6+1开奖| www.602708.com-淘彩票怎么玩法| www.42it.com-皖江彩色包装印刷厂| www.76ik.com-新加坡快三怎么玩| www.4789.me-体育福彩票开奖结果| www.237874.com-中国福彩官网| www.578345.com-体彩店装修流程| www.pf.cc-福彩快三是赌博吗| www.760530.com-三彩羽绒服-| www.867563.com-七星彩35期预测| www.937966.cc-17彩票app-| www.985834.com-足彩胜负平开奖结果| www.bb67.cc-安徽快三彩票| www.zz08.cc-体彩店申请电话| www.38ht.com-王成周买彩票吗| www.0466.win-今日7乐彩中奖号码| www.056644.com-安徽福彩在哪兑奖| www.155427.com-彩票网站送彩金诈骗| www.250116.com-505彩票安卓版| www.321577.com-网上买彩票骗局| www.650753.com-微信十字彩-| www.890073.com-花生彩票有没有备案| www.697703.com-k彩平台骗人吗| www.784503.com-七星彩数学算法| www.856738.com-体彩七星彩开奖走势| www.931955.com-体彩吉林11选五| 星际www.910xj.com| www.049789.com-彩票换算公式| www.042605.com-多彩贵州网招聘| www.288845.com-一分快三龙的规律| www.359995.com-福彩快3压大小| www.440307.com-哈尔滨福彩出租出兑| www.528165.com-快三导师真假的| www.354061.com-足球五百万彩票网| www.469570.com-开彩票站五行属什么| www.561668.com-一分快三走势观察| www.384344.com-网易彩票大乐透专家| www.70fx.com-红菜苔彩票提不了现| www.6219.cm-彩皇网彩票预测| www.27599.cc-什么软件可以买快三| www.86522.cc-福利彩票用什么软件| www.75dn.com-福彩3d上哪里领奖| www.213951.com-彩神大发-| www.664175.com-31选7体育彩票网| www.788981.com-胜负彩玩法-| www.872335.com-贵州省彩票兑奖地址| www.974423.com-浙福彩12选5| www.dz2.com-河北快3爱彩乐| www.908576.com-安徽芜湖快三开奖| 彩票驿站www.2350o.com| www.559386.com-包头青山区彩票中心| www.0805.cm-彩票数据漏洞| www.09575.com-珠江彩票下载安装| www.350.cn-中彩网老牌网站网址| www.364556.com-聚财彩票软件可靠吗| www.681383.com-不要彩票-| www.283113.com-体彩七星彩的玩法| www.208004.com-甘肃快三定牛| www.51969.com-体彩一周开几次| www.024868.com-幸运中彩票可信吗| www.41146.com-彩票站破解版| www.91791.com-好彩三八猜动物| www.172272.com-江苏快三走势图下载| www.25490.com-福彩群英会软件下载| www.68274.com-六福彩坛-| www.037879.com-什么彩票中奖率高| www.170811.com-吉林快三动态走势图| www.173.host-话费购彩票-| www.12390.cc-2019年竞彩政策| www.504761.com-节目彩排的作用| www.325396.com-七星彩开什么奖结果| www.407079.com-2015马彩生肖坉| www.503713.com-博彩搭建-| www.562089.com-豪彩投38元骗局| www.618515.com-体彩怎么开店| www.681642.com-豪彩vip会员登入| www.751789.com-打彩票运气测试| www.910825.com-幸运快三彩票是什么| www.964209.com-福彩网是不是正规的| 凤凰彩票www.3479s.com| www.hs29.com-吉林快三最新版| www.a04.cc-新浪爱彩合法吗| www.22bt.cc-彩虹猫病毒百度百科| www.3054.org-福利彩票779| www.7886.vip-澳门好彩运公司简介| www.28632.cc-股市与彩票-| www.933976.com-最新电子彩票指南报| www.985499.com-竞彩足球14场比赛| www.vz2.com-排3彩经网-| www.l23.org-手游彩票-| www.37wy.com-体彩7星彩规则| www.613.org-时时彩下载软件| www.4510.pro-足彩查询比赛结果| www.05785.com-彩票组合软件| www.66079.cc-好彩美版-| www.058168.com-5分快3彩票靠谱吗| www.302288.com-体彩19095期| www.451499.com-福彩快乐十分计划| www.527382.com-时时彩对子怎么买| www.869656.com-体彩山东扑克牌玩法| www.uf99.com-彩票106投注版| www.545764.com-广东福利彩票开店| www.608221.com-上市彩票网站| www.233932.com-快三代理注册| www.306679.com-新彊福利彩票| www.370364.com-吉林快三每天几期| www.462520.com-那种彩票中奖概率大| www.551024.com-合买彩票优势| www.656888.cc-九彩彩票软件下载| www.743284.com-酷彩吧手机app| www.831510.com-福彩双色球免费软件| www.906111.cc-国模彩炮图-| www.971049.com-幸运彩票官网下载| www.et16.com-中国福利彩票官方网| www.vg23.com-152彩票-| www.01uy.com-乐彩网3d首页| www.313789.com-彩票聚合资讯|