头像

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

来源:http://www.szldbz88.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.szldbz88.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.855649.com-法国快三开奖结果| www.960624.com-华亿彩票app| www.cai8355.com休肓彩票开奖| www.sh82.com-重庆时时彩已关闭| www.04vt.com-交通工具彩铅画| www.64nw.com-福彩票三d试机号| www.017997.com-开彩票站-| www.414049.com-彩之云理财是个坑| www.579758.com-体彩19069期| www.666120.com-福彩双色球最新预测| www.752922.com-335彩票下载安装| www.881623.com-体彩第19018期| www.957474.com-足彩14场开奖| 金利丰彩票www.555958.com| www.703.me-王者彩票网是真是假| www.990063.com-中彩网手机买彩票| www.hs82.com-福彩pk10-| www.04ri.com-彩色铅笔画画图片| www.774870.com-网易彩票在线投注| www.892657.com-彩ed2k-| www.974341.com-102彩票-| www.cp473.com-大发快三彩票怎么玩| www.va86.com-幸运彩幸运二任选| www.804081.com-网上咋买体育彩票| www.908798.com-福利彩票走势图大全| www.986667.com-唯一正规彩票网站| www.cr49.com-神彩争霸合法吗| www.c88.club-电视彩票-| www.64ik.com-竞彩牛人晒单| www.1651.vip-足彩大小球2.5| www.778461.com-彩乐园网站-| www.954067.com-欧盟好彩双爆| 9号彩票www.80767o.com| www.ne94.com-比较好的ios彩票| www.14ia.com-中国体育彩票任选9| www.457.tv-福乐彩是什么意思| www.997465.com-百胜快三是不是真的| www.fo35.com-四川体育彩票官网| www.093630.com-高频彩是合法的吗| www.221699.com-上海快三官网| www.378219.com-万豪彩票助手手机版| www.582699.com-彩色装饰画图片简单| www.661998.com-竞彩中奖最高图片| www.739372.com-竞彩足球奖金优化| www.811636.com-排列三胆码凤彩网| www.885806.com-彩票百家号-| www.cu33.com-福彩3d淘宝网| www.yh16.cc-分分彩4星稳赚套路| www.184747.com-福彩3d总汇-| www.026287.com-甘肃临夏福彩中心| www.129088.com-七乐彩奖池余额为0| www.po4.com-韩国有几种彩票| www.t06.cn-买七星彩图片| www.62du.com-体育彩票篮球竞猜| www.br62.com-幸运快三投注规律| www.zx64.com-体彩店能买竞彩吗| www.42sn.com-彩票怎么玩视频| www.mv43.com-安徽快三昨天走势图| www.930208.com-大发快三最合理押注| www.cai3944.com吉林快三下载开奖| www.870140.com-鼎盛彩票合法吗| www.pw31.com-彩票什么叫龙| www.59.cc-永安彩票是干嘛的| www.130.me-幼儿歌曲彩虹的约定| www.5720.me-排列三专家预测彩吧| www.27425.com-体育彩票飞鱼怎么玩| www.88154.com-手机彩票计划团队| www.061055.com-彩客网咋样-| www.357996.com-数学家破解彩票规律| www.2372.biz-好彩734cc-| www.02755.com-ok彩票骗局-| www.937655.com-彩37彩票网站| www.xq9.com-北京快三群拉我| www.141344.com-凤彩字谜-| www.246313.com-袁老师说彩双色球| www.i65.club-乐彩3d字谜总汇| www.64ys.com-福彩双色球静水推荐| www.2443.com-好彩数码印刷怎么样| www.03986.com-豪彩彩票-| www.60161.com-7天彩苹果下载| www.931560.com-体彩大乐透论坛| www.qd02.com-彩票销量下滑| www.46qz.com-彩票app靠谱吗| www.84675.com-时时彩二期必中计划| www.101546.com-平安彩票线路导航| www.64077.cc-爆炸头足彩推荐| www.029999.com-网上购彩网站| www.793210.com-福利彩票容易中奖吗| www.2973.cn-彩民中一等奖| www.914739.com-彩神怎么取消银行卡| www.90he.cc-谁手机博彩过| www.334677.com-博大彩票安全吗| www.530109.com-彩票中心主任给号| www.156114.com-巴登五分彩-| www.380709.com-江苏体彩四十二期| www.515158.com-七星彩2022期头| www.4160.cc-滁州乐彩城-| www.593078.com-航天11院彩虹公司| www.817696.com-福客来彩票登录| www.928012.com-福利彩开奖直播| 凤凰VIIIwww.www.fh2622.com| www.024221.com-快三视频-| www.118373.com-中国体彩网开奖方法| www.52275.com-安卓彩票app| www.017054.com-河北快三怎么算中奖| www.la02.com-福彩28下载-| www.142971.com-亚博彩票手机版下载| www.216352.com-七星彩360-| www.859022.com-冈力彩芽-| www.918063.com-幸运飞艇是私彩吗| www.972689.com-彩铅画简单风景| www.kv01.com-上海福彩app| www.104244.com-马来西亚彩票彩种类| www.574527.com-58彩票网官网首页| www.651380.com-搜索福彩独胆王| www.772659.com-今天七乐彩开奖号| www.828365.com-福彩3d追号计算器| www.889084.com-大华彩票app| www.952725.com-旺彩预测官网| www.998154.com-五分快三是赌博吗| www.ka95.com-彩票三个红号有奖不| www.02dw.com-3分时时彩全天计划| www.458100.com-中国体育彩票418| www.944481.com-江苏体彩手游彩下载| 中彩网www.61233pp.com| www.072759.com-综艺福彩官网| www.923739.com-快频彩票是不是真的| www.21277.com-买什么彩票中奖率大| www.281537.com-九龙彩霸王-| www.936066.com-黑科技博彩漏洞赚钱| www.988089.com-五百万彩票-| www.qv2.com-快三稳赚不赔的技巧| www.101389.com-诚信彩票免费下载| www.218866.cc-福彩快三最简单玩法| www.08rd.com-炫乐彩票安卓版下载| www.390.in-大发快三大小推算| www.4310.cm-如何看时时彩k线图| www.9998.bid-福彩3d数字阵| www.jx74.com-湖北快三跨度走势| www.6oq.com-数学家算不出彩票| www.69qt.com-一等奖彩票站知道吗| www.612731.com-开户送28彩-| www.cv47.com-时时彩注册送188| www.o88.top-美国劲球彩票规则| www.63wk.com-彩吧图库试机号| www.692507.com-竞彩足球完场分结果| www.834342.com-好彩蓝莓爆珠焦油| www.903983.com-安徽快三有多少组| www.961214.com-分分彩预测软件下载| 亿龍彩票www.1368p.cc| www.760348.com-彩票团队人工计划| www.906235.com-彩色圆柱体红色教案| www.966973.com-体育彩票重启| 500彩票网www.622307.com| www.fb87.com-彩票改单技术截图| www.406823.com-订婚彩礼钱属于谁的| www.0538.live-中国金手指体彩报| www.19861.cc-时时彩论坛高手绝学| www.58198.cc-彩乐网址多少| www.217036.com-省份快三是真是假| www.01287.com-足彩胜负彩历史开奖| www.329956.com-南洋福利乐和彩现场| www.476002.com-福彩3d今开什么号| www.575595.com-时时彩百位杀号|