头像

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

来源:http://www.alimeer.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.alimeer.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
一分快3 www.9611.net-福利彩票造假视频| www.92457.com-精彩彩票应用| www.076027.com-达人彩票吧-| www.158108.com-743好彩app-| www.299977.com-彩票趋势吧-| www.383562.com-qq带人买彩票| www.520563.com-李彩琳cl恋情| www.603205.com-手机澳客彩票下载| www.673258.com-古建民间彩绘图案| www.766012.com-淘宝彩票客户端在哪| www.900039.cc-彩51彩票提不了款| www.974679.com-够力七星彩官方下载| www.gt87.com-想买彩票不知怎么买| www.d23.space-竞彩预测网-| www.46cb.com-排列三体彩百度贴吧| www.0307.org-饭圈彩虹屁语录大全| www.9185.org-七乐彩开奖奖金说明| www.55189.cc-台湾时时彩官方首页| www.011073.com-体彩在线投注app| www.090977.com-百胜彩票手机开奖| www.171545.com-昨天福彩开奖结果| www.303420.com-优乐彩票手机版下载| www.386355.com-时时彩龙虎走势图| www.530572.com-时时彩定位个位四码| www.626736.com-663彩票-| www.709709.cc-福利彩票双色球规律| www.793051.com-绵阳市福彩地址在| www.875432.com-有一分钟开的彩票吗| www.983265.com-彩票中奖到哪里兑奖| www.wg3.com-福彩走势图彩宝网| www.sn93.com-时时彩免费开挂软件| www.19er.com-彩仙阁软件app| www.387.biz-天天买彩票真的吗| www.4719.cm-临泽彩票中奖者| www.07005.com-福利彩票软件手机版| www.55504.cc-重庆十字彩-| www.003256.com-vr3分彩-| www.079556.com-体彩足球玩法| www.152701.com-cc彩票平台网址| www.365400.cc-体育彩票有买篮球吗| www.463120.com-万豪彩票输了五万| www.555899.com-苹果彩票网北京赛车| www.630375.com-体彩飞鱼口诀汉字四| www.250544.com-全能中彩彩票客服| www.375455.com-开奖七星彩直播现场| www.563634.com-福利彩票站长服务| www.631711.com-大丰彩app-| www.34377.com-好友游戏彩票靠谱不| www.017079.com-河北福彩网快三| www.111514.com-彩之家投注安全吗| www.193972.com-分分快三大小技巧| www.277743.com-福彩中彩论坛| www.432655.com-吹吹七星彩论坛| www.539452.com-彩通-| www.666548.com-万达彩高手论| www.753009.com-苹果足彩软件| www.949835.com-九州彩票网手机版| 亿彩网www.298980.com| www.mu32.com-彩线躲球下载| www.24qw.com-昨晚七星彩开什么| www.919.space-网上买彩票有导师带| www.5568.biz-腾讯一分彩开奖号| www.13245.com-大发快三能玩吗| www.59933.com-快三012走势图表| www.051183.com-福彩3d独胆论坛| www.136915.com-彩针糖挤出机| www.218915.com-赚佣金彩票代打| www.296822.com-一分快三彩票平台| www.417280.com-彩虹创意画-| www.529532.com-九九彩票平台| www.661736.com-足彩外围代理| www.745857.com-贵州省体彩十一选五| www.822555.com-台湾彩虹论坛首页| www.896057.com-青蛙彩票今晚开奖| www.964984.com-23彩票网骗局揭秘| www.cai322.com-福建快三开奖号码| www.ls06.com-老时时彩开奖号| www.m15.bid-彩51彩票-| www.45iv.com-台湾彩虹台在线直播| www.813.website贝酷体彩店-| www.6276.cn-五福彩票赢了三万| www.21277.com-买什么彩票中奖率大| www.65408.com-天天中彩吧图谜大全| www.095907.com-体育彩票竞猜型| www.163234.com-巨彩平台是干啥的| www.262464.com-七星彩玩法技巧大全| www.353122.com-热购彩票是正规的吗| www.437704.com-256彩票官方版| www.529556.com-彩虹糖实验-| www.635231.com-八面通七彩影院影讯| www.706431.com-巴西三分彩是假的吗| www.785361.com-国外做彩票客服电话| www.861363.com-彩金宏辉游戏机厂家| www.927351.com-网上快三客户| www.983429.com-贵州彩票17中奖| www.97jt.com-博友彩助手-| www.3303.net-166彩票网址| www.8820.love-最新注册彩票送彩金| www.53058.com-福彩举报电话| www.96335.com-爱乐透旧版彩票| www.060773.com-绵阳附近体彩店| www.166630.com-幸运快三平台| www.253524.com-腾讯时时彩怎么玩法| www.325342.com-海南为何私彩这么多| www.392878.com-吉林快三稳定微信群| www.535798.com-是几个数彩票| www.616777.com-福报彩票-| www.686258.com-玩高频彩计算方式| www.767677.com-中彩注册-| www.873593.com-真福彩早早报| www.951574.com-红彩网络直播| 818合彩www.www.8000hc.com| www.cl94.com-彩神帝大发快3| www.sx04.com-中国体彩排列五直播| www.19qq.com-河北快三计划网页版| www.038.cc-七色彩虹打一成语| www.3745.vip-福彩快3北京遗漏| www.8929.in-新彩网字谜画谜| 大玩家彩票www.9478p.com| www.ko38.com-彩票大赢家-| www.630965.com-博彩怎么刷流水教程| www.731963.com-河北各地彩礼价格表| www.824015.com-三彩女装正品折扣店| www.901428.com-彩票算法有规律吗| www.965246.com-北京福彩网是真的吗| E彩堂www.43818d.com| www.bh26.com-神州彩-| www.sa29.com-丹麦快乐彩走势图| www.38qp.cc-山东体彩三亿| www.777.tv-彩虹画图片大全大图| www.4520.org-体彩19034预测| www.9548.cc-百度彩票网官网| www.53322.com-最新重庆时时彩预测| www.95709.com-民政局福利彩票中心| www.054268.com-大发快三和值表| www.209249.com-快三群主是代理吗| www.276118.com-快三两个号对赌| www.365330.cc-彩库宝典安装不了| www.444444.cc-体彩个位振幅走势| www.528082.com-时时彩不能破解吗| www.627431.com-福彩三d三字谜| www.680256.com-福彩3d计划网址| www.750869.com-买彩票输了300| www.802172.com-聚福彩票网正规吗| www.268019.com-随州论坛福彩| www.368145.com-如何画芒果彩铅画| www.488250.com-彩81网站下载| www.565028.com-新彩福彩3d字谜| www.626301.com-时时彩胆码对应码| www.679020.com-彩票中福在线收益| www.735588.com-彩票百分之百输钱| www.789921.com-牛彩网牛材网开奖| www.844993.com-福利彩票常识| www.903278.com-福彩3d跨度表图| www.954263.com-时时彩中彩票软件| www.991045.com-安微快三和值走势| www.ej0.com-快三跨质号-| www.nd92.com-贵州快三规则| www.3xr.com-地球人彩票是真的吗| www.49zv.com-福彩彩吧图-| www.466.cm-彩票店累吗-| www.4066.biz-9万彩票助手| www.9063.cc-下载天津爱彩乐网站| www.65517.cc-lol炫彩皮肤官网|