<tt id="1p4fy"></tt>
        1. <tt id="1p4fy"></tt>
          <tt id="1p4fy"><address id="1p4fy"></address></tt>
          1. <cite id="1p4fy"></cite>
        2. 头像

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

          来源:http://www.djjdyiq.tw/php/3284.html 24***4k 2017-12-06 21:15浏览(4200) 收藏

          不必再为百度地图api限制标注点的数量数量而烦恼了,几行js代码轻松搞定!
          百度地图显示10个以上的标注点实例
          分类:PHP > 统计图+地图 难易:中级

          程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ1556472052直接充值

          查看演示 下载资源: 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.djjdyiq.tw/php/3284.html
          最新交易
          评论39
          头像

          系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1556472052

          • 头像 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
          今期65期开奖结果 全南县| 郸城县| 璧山县| 互助| 文登市| 赤水市| 建湖县| 和平县| 贵港市| 普洱| 四平市| 镇坪县| 新邵县| 南宫市| 密山市| 浏阳市| 灯塔市| 东兰县| 南川市| 朝阳市| 宁波市| 蒙城县| 区。| 彰武县| 万荣县| 枞阳县| http://www.xavtzkv.tw 宁明县| 惠州市| 运城市| 叙永县| 临邑县| 砚山县| 五家渠市| 崇义县| 荃湾区| 曲阜市| 华安县| 道真| 龙里县| 德化县| 苍梧县| 赫章县| 东辽县| 扎鲁特旗| 内黄县| 偏关县| 景宁| 桦川县| 米泉市| 新田县| 泸西县| 石狮市| 揭东县| 县级市| 无棣县| http://www.wgo5735.tw 繁峙县| 长顺县| 林周县| 万载县| 那曲县| 綦江县| 庐江县| 商都县| 米林县| 尉犁县| 岚皋县| 平阳县| 罗甸县| 虞城县| 彩票| 景宁| 来凤县| 温州市| 波密县| 昌江| 鹿泉市| 郎溪县| 斗六市| 福州市| 芜湖县| 田东县| 卫辉市| 确山县| 长垣县| 尼勒克县| 内黄县| 黔江区| 通化市| 章丘市| http://yzjxasj.tw 上林县| 盐亭县| 泗阳县| 光山县| 安溪县| 平南县| 沧州市| 高台县| 越西县| 宝鸡市| 枞阳县| 玉树县| 沂南县| 台中市| 瑞丽市| 沙河市| 蚌埠市| 晋中市| 洞头县| 白城市| 东丰县| 延庆县| 贵港市| 汾西县| 历史| 湟源县| 吉安市| 富民县| 龙山县| http://www.lou527.cn 大埔区| 孝昌县| 白银市| 阳江市| 五莲县| 嘉峪关市| 宁河县| 镇宁| 土默特左旗| 阿坝| 玛曲县| 铜梁县| 澜沧| 成安县| 云梦县| 五原县| 扶风县| 时尚| 仙居县| 河北省| 根河市| 阳山县| 来凤县| 博客| 弥勒县| 西和县| 和政县| 原阳县| 安多县| http://www.vebgmp.cn 大新县| 沧州市| 华池县| 太原市| 东城区| 兴山县| 甘肃省| 镇宁| 福安市| 当涂县| 邢台市| 仲巴县| 汤原县| 舟曲县| 崇明县| 万年县| 天长市| 弋阳县| 若尔盖县| 罗甸县| 察哈| 固镇县| 祁阳县| 泽普县| 蒙山县| 鄂托克前旗| 托里县| 塔城市| http://csfkmh.co 福海县| 浮山县| 太谷县| 竹山县| 阜平县| 巴塘县| 济阳县| 东至县| 秭归县| 平武县| 陵川县| 饶平县| 仁化县| 呼伦贝尔市| 海晏县| 公主岭市| 集安市|