​
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>北京各区电影院</title><style>body,html,select,#container {width: 90%;height: 90%;margin: 20px;font-family: "微软雅黑";}</style><script src="js/vue.js"></script><script src="js/axios.js"></script><script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&type=webgl&ak=e6YlanehTiTAcQll18D6e4bXIfxRg3y6"></script></head><body><div id="container"></div><div id="app"><select v-model="district" @change="setCenter(district)"><option value="请选择行政区域">请选择行政区域</option><option value="西城区">西城区</option><option value="东城区">东城区</option><option value="海淀区">海淀区</option><option value="朝阳区">朝阳区</option><option value="丰台区">丰台区</option><option value="通州区">通州区</option><option value="石景山区">石景山区</option><option value="大兴区">大兴区</option><option value="顺义区">顺义区</option><option value="昌平区">昌平区</option><option value="房山区">房山区</option><option value="门头沟区">门头沟区</option><option value="怀柔区">怀柔区</option><option value="平谷区">平谷区</option><option value="密云区">密云区</option><option value="延庆区">延庆区</option></select></div></body><script>var map = new BMapGL.Map("container");map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);  map.enableScrollWheelZoom(true);var local = new BMapGL.LocalSearch(map,  { renderOptions:{map: map, autoViewport: true}});new Vue({el: '#app',data:{district:'请选择行政区域'},methods:{setCenter(district){local.searchNearby("电影院", district);}}});</script>
</html>​

完成了一个小功能,很开心,记录下~

利用百度地图api显示北京某区电影院相关推荐

  1. python批量爬取小网格区域坐标系_Python爬虫实例_利用百度地图API批量获取城市所有的POI点...

    上篇关于爬虫的文章,我们讲解了如何运用Python的requests及BeautifuiSoup模块来完成静态网页的爬取,总结过程,网页爬虫本质就两步: 1.设置请求参数(url,headers,co ...

  2. 【百度地图API】北京周边7日游——图标按路线轨迹行动

    原文:[百度地图API]北京周边7日游--图标按路线轨迹行动 任务描述: 春节就要来啦~酸奶小妹的妈妈要从遥远的重庆,来到北京过春节呢!酸奶小妹忙着给妈妈计划,北京周边的旅游线路.计划好路线后,就开始 ...

  3. python 接入百度地图数据包下载_Python爬虫-利用百度地图API接口爬取数据并保存至MySQL数据库...

    首先,我这里有一份相关城市以及该城市的公园数量的txt文件: 分析-02.png 其次,利用百度地图API提供的接口爬取城市公园的相关信息. 所利用的API接口有两个: 1.http://api.ma ...

  4. 百度地图API 显示区域边界及地名定位

    百度地图API 显示区域边界及地名定位 这个定位一共用了两个方法组成 一个是定位绘制区域边界线,另一个是地名定位 原理: 当用户输入省.市.县.区这种大地名时,我们要定位用户输入的这个位置,并显示轮廓 ...

  5. 关于百度地图API显示地区范围控制的问题

    关于百度地图API显示地区范围控制的问题,这个有很多种方法,需要看个人需求下面列举两种方法 1.假如我只想在 加载地图的时候显示郑州市所包含的范围,其他地方屏蔽掉,或者不让拖拽(如有图所示) 2. 控 ...

  6. 利用百度地图api,自定义起始点进行驾车路线的搜索,并可以根据不同驾车策略给出驾驶指导

    利用百度地图api,通过在输入框(带自动填充)输入起始点,然后根据用户选择的不同驾车策略来进行驾车路线搜索并显示具体的路线信息.驾车策略共三种,默认路线(时间最短).最短路程.不走高速.左侧搜索栏可以 ...

  7. 百度地图利用位置提供服务器,利用百度地图API获取当前位置信息的实例

    利用百度地图API可以做很多事情,个人感觉最核心也是最基础的就是定位功能了.这里分享一个制作的JS可以实现登录网页后定位: var map; var gpsPoint; var baiduPoint; ...

  8. 利用百度地图API进行车辆查询并用鼠标拾点获取经纬度

    利用百度地图API查询公交车线路位置信息以及鼠标取点的经纬度 先从官网申请秘钥http://lbsyun.baidu.com/ 2. 如果是用jsp写动态web项目,在jsp页面中引入js库,并且引入 ...

  9. 利用百度地图api将excel中的经纬度数据可视化

    利用百度地图api将excel中的经纬度数据可视化 因为本人最近在研究2019年研究生数学建模华为杯D题,想将它3个excel文件汽车的经纬度数据在地图上画出来,找了很多方法才实现.现将它分享给大家, ...

最新文章

  1. 穷举n位二进制数 (深搜、回溯_子集树)
  2. Java-JSTL(JSP标准标签库)
  3. php 基础函数写法,字符串,常用函数
  4. C语言程序的内存分配方式
  5. python是一门高级的计算机语言对吗_Python是一门怎样的编程语言
  6. ztree在onCheck()方法中防止因触发联动关系导致页面多次渲染而卡死的问题
  7. js保存网络图片至本地
  8. Oracle ORA-06861: 文字与格式字符串不匹配 记录两次无助的遭遇:存储过程直接执行正常,java调用存储过程则报错
  9. LeetCode之验证二叉搜索树
  10. Python机器学习简介
  11. 阿里巴巴矢量图标库的使用,超详细用法
  12. Android -- WiFi的NUD检测机制浅析
  13. 【es】es界面化管理工具cerebro的安装和使用
  14. 颜色在计算机中的存储和显示详解
  15. 微信小程序开放平台代码部署特约商户
  16. 找技术公司开发小程序需要注意些什么?
  17. 正确使用uniapp搭配微信开发者工具自带的骨架屏功能,生成骨架屏
  18. 服务器修改上传图片大小限制,修改IIS7默认上传大小限制
  19. Android安卓原生接入微信app支付PHP服务端
  20. Mavan Setting.xml配置文件

热门文章

  1. 【人工智能算法】受大自然启发的算法之交叉和突变
  2. IntelliJ IDEA详细配置和使用教程
  3. SEC'' 2018: ACM/IEEE Symposium on Edge Computing 总结(二)
  4. 中班机器人教室设计方案_机器人创客教室方案
  5. 泰坦尼克灾难-可视化
  6. 钱林波:国土空间综合交通体系规划的新要求与新内涵
  7. 【运筹学】线性规划数学模型 ( 单纯形法 | 迭代原则 | 入基 | 出基 | 线性规划求解示例 )
  8. 广和通LTE模组MC669-CN来袭,再掀Cat1 bis 市场巨浪
  9. 【转】BIOS刷新工具使用手册
  10. 思科模拟器 --- 路由器的基本配置