头像

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

来源:http://www.owenshermetics.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.owenshermetics.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
彩39彩票安卓 www.12778.com-头奖彩票现在能用吗| www.098.org-河内分分彩开奖源| www.j38.net-七星彩开奖号码公告| www.920.live-七星彩四等奖| www.9956.in-百度宁津县福利彩票| www.93752.com-盛弘彩票-| www.03468.com-怎样戒掉买彩票| www.66097.cc-福彩怎么选号规则| www.hl93.com-广东福彩快三| www.960162.com-布衣图库好彩网| www.lq74.com-腾讯一分彩计划软件| www.4166.tv-鞍山七彩化学面试| www.78826.cc-3的彩吧分析预测| www.157576.com-竞彩足球比赛单场| www.5937.com-体彩三有返奖吗| www.965554.com-聚福彩快三计划| www.rw96.com-快三四码复式多少钱| www.46qn.com-即开型彩票中奖编码| www.0975.net-重庆时时彩技巧论坛| www.9320.vip-英国快三开奖| www.id43.com-成功戒掉彩票| www.03ja.com-v8彩票官网-| www.1130.pw-竞彩改期怎么算| www.354419.com-咋能彩票中奖| www.rk53.com-北京快三跨度查询| www.958491.com-七星彩中奖的故事| www.69ny.com-区块链彩票试点| www.8456.cn-福彩三地和值表图片| www.841500.com-体彩宣传-| www.917380.com-彩虹代刷网官网| www.76dj.cc-速八彩票加盟| www.919310.com-免费搭建彩票网| 大赢家彩票www.5086t.com| www.937098.com-七乐彩彩票中奖查询| www.cj6.com-江苏快三彩票靠谱吗| www.041682.com-吉林快三app| www.379333.com-智行彩票-| www.874269.com-中国体彩玩法| www.981528.com-全民乐彩票是骗局吗| www.gr06.com-广东好彩一-| www.280250.com-天天乐时时彩app| www.479321.com-竞彩足球7-| www.580281.com-时时彩开奖结果历史| www.678239.com-开体育彩票店申请书| www.777900.com-香港五分彩合法吗| www.879534.com-网易人人中彩票真伪| www.885021.com-亿彩堂怎么下载| www.132518.com-彩印纸箱生产设备| www.446775.com-满彩堂官方网站| www.697058.com-福利体育彩票开奖| 名门彩www.33997a.com| www.95id.com-多彩投的失败案例| www.062845.com-有人长期玩粤淘彩票| www.126933.com-彩票双色球开奖号| www.218920.com-体彩大乐透开奖直播| www.288966.com-乐彩网首页免费| www.371692.com-5050彩票网-| www.482943.com-0500彩票邀请码| www.558174.com-真钱游戏赠送彩金| www.966783.com-燕赵风采福彩网| www.zw9.com-体彩6十1-| www.wv82.com-快三单双大小怎么看| www.23oy.com-3d开奖彩吧助手| www.303699.com-甘肃省福彩中心在哪| www.737944.com-毛涛彩票-| www.848562.com-nba彩经预测分析| www.918554.com-u9彩票网-| www.386517.com-聚宝快三计划| www.513014.com-开心网七星彩| www.591191.com-甲骨文体彩店app| www.674393.com-快彩网kc8777| www.757793.com-胆拖投注彩票开奖| www.829870.com-申请彩金送58| www.911777.com-彩53彩票领跑者| www.971046.com-彩票35选7有哪些| www.es62.com-超高反水彩票平台| www.59jn.com-福彩三地之家首页| www.6863.biz-周日竞彩推荐| www.25880.com-彩虹周杰伦歌| www.902727.com-彩票平台代理找谁做| www.971933.com-创彩网兼职真假| www.cs77.com-北京快三兑奖规则| www.ta65.com-竞彩混合-| www.07fu.com-三彩翡翠吊坠| www.610819.com-腾讯分分彩在个网买| www.692949.com-体彩店怎么提高销售| www.762910.com-天津十一选五爱乐彩| www.248360.com-外蒙快三-| www.330457.com-重庆时时彩五星综合| www.460577.com-7728彩票邀请码| www.678123.cc-福建体彩申请书| www.778839.com-创彩网app下载| www.em74.com-快三计划微信群| www.25981.cc-彩虹蓝色-| www.78448.com-排列三双彩论坛| www.071717.com-不要在彩票店打工| www.169747.com-湖北福彩快3走势图| www.365128.cc-彩天堂平台手机登录| www.187928.com-重庆时时彩突然停了| www.292300.com-私彩彩票网-| www.370487.com-彩钢瓦防水胶带| www.002379.com-福彩七星彩玩法介绍| www.062560.com-境外黑彩洗钱| www.84st.com-程序员彩票-| www.897587.com-体彩足球胜平负查询| www.964961.com-体彩中心官网首页| 500万彩票www.96386h.com| www.990353.com-买彩票要几个数字| www.1883.org-福彩机器人在哪里买| www.273729.com-福彩双色球规划| www.350047.com-买彩票疯狂-| www.087073.com-五福彩彩票通用版| www.172165.com-快三走势图上海| www.242667.com-中国彩票有圈套| www.309023.com-生肖彩票-| www.1660.vip-福彩3d五行选码| www.8528.biz-彩票中奖者-| www.310884.com-红旗彩票推荐软件| www.454045.com-彩9网-| www.556993.com-彩票有人真的中奖吗| www.622779.com-福彩3d双胆软件| www.693886.com-app亚洲彩票下载| www.784336.com-手机购彩叫停| www.857955.com-c59彩票c0m-| www.910999.com-k彩富民福地登录| www.968113.com-宁夏福彩中心招聘| www.ln0.cc-时时彩赢钱技巧| www.xg83.cc-好彩36第4943| www.67es.com-中彩票真的有预感么| www.2350.shop-体彩3d图-| www.988069.com-快三计算软件| www.uj03.com-彩宝贝专家预测| www.1433.pw-福彩快乐2o分| www.7728.net-四季彩app下载| www.15658.cc-彩铅画画眼睛教程| www.581190.com-彩富网免费大全报码| www.717329.com-彩铅画入门教程| www.790259.com-lol炫彩皮肤官网| www.873196.com-四川体彩管理中心| www.927228.com-全天时时彩计划| www.979224.com-好彩香烟国内有卖吗| www.ai88.cc-福利彩票超级大乐透| www.sq34.com-彩票预测最准的网站| www.118046.com-玩彩票一天输了5万| www.39759.cc-江苏快三走视| www.90108.com-xj788彩客网| www.027752.com-开彩365诈骗| www.088054.com-ok竞彩-| www.150477.com-体彩大乐-| www.667745.com-乐赢彩票网官网| www.741818.com-java彩票系统| www.813422.com-3d之家彩票预测网| www.877228.com-时时彩3第-| www.sc57.com-高频彩杀一码| www.294675.com-福彩最心断组| www.360618.com-2月26日湖北快三| www.885893.com-1分快三彩票软件| www.955994.com-全部彩票下载安装| 吉利彩票www.80075p.com| www.dz58.com-福彩快三官网合法吗| www.ss37.com-台湾时时彩真不真实| www.31mo.com-足球竞彩大神推荐| www.89eh.com-今日竞彩串关推荐| www.1098.vip-竞彩高手哥推荐|