百度地图-显示外地车拍照摄像头位置
时间:2020-01-09
本文章向大家介绍百度地图-显示外地车拍照摄像头位置,主要包括百度地图-显示外地车拍照摄像头位置使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
图片原件:
https://images.cnblogs.com/cnblogs_com/FKdelphi/885783/o_%E5%8C%97%E4%BA%AC%E5%A4%96%E5%9C%B0%E5%8F%B7%E6%8B%8D%E7%85%A7%E4%BD%8D%E7%BD%AE.png
坐标提取器:
http://api.map.baidu.com/lbsapi/getpoint/index.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 6 <style type="text/css"> 7 body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} 8 #allmap{width:100%;height:100%;} 9 </style> 10 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=58442717a37f1c15be2c9a30207c7f2e"></script> 11 <title>从多个点删除指定点</title> 12 </head> 13 <body> 14 <div id="allmap"></div> 15 <!--<input type="button" onclick="deletePoint()" value="删除id=1"/>--> 16 </body> 17 </html> 18 <script type="text/javascript"> 19 // 百度地图API功能 20 var map = new BMap.Map("allmap"); 21 map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用 22 map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用 23 var point = new BMap.Point(116.404, 39.915); 24 map.centerAndZoom(point, 15); 25 map.disableDoubleClickZoom(true); 26 27 // 编写自定义函数,创建标注 28 function addMarker(point,label){ 29 var marker = new BMap.Marker(point); 30 map.addOverlay(marker); 31 marker.setLabel(label); 32 } 33 // 编写自定义函数,根据坐标、名称增加标注 34 function addCustom(x,y,positionName){ 35 var point = new BMap.Point(x,y); 36 var label = new BMap.Label(positionName,{offset:new BMap.Size(20,-10)}); 37 addMarker(point,label); 38 } 39 // 编写自定义函数,根据坐标、名称增加标注 40 function showCustomMarker(infos){ 41 for(var i = 0; i < infos.length; i++){ 42 addCustom(infos[i][0], infos[i][1], infos[i][2]); 43 } 44 } 45 var data_info = [[116.309405,40.094899,"二拨子桥 北向南"], // 二拨子桥 北向南 地址:北京市昌平区二拨子桥 坐标:116.309405,40.094899 46 [116.252686,40.170721,"西沙桥 双向"], // 西沙桥 双向 地址:北京市昌平区 坐标:116.252686,40.170721 47 [116.489317,40.111981,"鲁疃桥 南向北"], // 鲁疃桥 南向北 地址:北京市昌平区 坐标:116.489317,40.111981 48 [116.418419,40.053535,"立水桥 龙德广场"], // 立水桥 龙德广场 地址:北京市朝阳区 坐标:116.418419,40.053535 49 [116.26635,40.009103,"功德寺 桥南"], // 功德寺 桥南 地址:北京市海淀区 坐标:116.26635,40.009103 50 [116.289896,40.020503,"肖家河桥 双向"], // 肖家河桥 双向 地址:北京市海淀区 坐标:116.289896,40.020503 51 [116.218639,39.933389,"晋元桥 东向南"], // 晋元桥 东向南 地址:北京市石景山区 坐标:116.218639,39.933389 52 [116.217563,39.908539,"鲁谷桥"], // 鲁谷桥 地址:西五环路立交桥下 坐标:116.217563,39.908539 53 [116.24553,39.863144,"大瓦窑桥西"], // 大瓦窑桥西 地址:北京市丰台区大瓦窑桥东北 坐标:116.24553,39.863144 54 [116.167566,39.778843,"京港澳高速 京良桥下"], // 京港澳高速 京良桥下 地址:北京市丰台区京港澳高速 坐标:116.167566,39.778843 55 [116.43468,39.78898,"德茂桥"], // 德茂桥 地址:北京市大兴区 坐标:116.43468,39.78898 56 [116.565089,39.751867,"马驹桥 北向南"], // 马驹桥 北向南 地址:通州区 坐标:116.565089,39.751867 57 [116.511144,39.82563,"大羊坊桥下"], // 大羊坊桥下 地址:北京市朝阳区 坐标:116.511144,39.82563 58 [116.407871,39.838702,"大红门桥"], // 大红门桥 地址:北京市丰台区 坐标:116.407871,39.838702 59 [116.466657,39.83897,"小红门桥"], // 小红门桥 地址:北京市朝阳区 坐标:116.466657,39.83897 60 [116.550604,39.851525,"化工桥"], // 化工桥 地址:北京市朝阳区 坐标:116.550604,39.851525 61 [116.558167,39.87546,"五方桥"], // 五方桥 地址:北京市朝阳区 坐标:116.558167,39.87546 62 [116.428454,39.877377,"玉蜓桥南"], // 玉蜓桥南 南向北 地址:北京市东城区 坐标:116.428454,39.877377 63 [116.28794,39.871523,"丰北桥内环南向北"],// 丰北桥内环南向北 地址:北京市丰台区 坐标:116.28794,39.871523 64 [116.390654,39.895691,"虎坊桥路口"],// 虎坊桥路口 南向北 途径地铁:地铁7号线 坐标:116.390654,39.895691 65 [116.522347,39.914943,"四惠东双方向"], // 四惠东双方向 途径地铁:地铁1号线; 地铁八通线 坐标:116.522347,39.914943 66 [116.315117,39.948745,"紫竹桥东天桥"],// 紫竹桥东天桥 双向 地址:北京市海淀区 坐标:116.315117,39.948745 67 [116.327758,39.97281,"四通桥南天桥"],// 四通桥南天桥 南向北 地址:海淀区 坐标:116.327758,39.97281 68 [116.496387,39.973307,"酒仙桥北路"],// 酒仙桥北路 地址:坐标:116.496387,39.973307 69 [116.589155,39.97456,"机场第二高速进京方向焦庄桥位置"],// 机场第二高速进京方向焦庄桥位置 地址:北京市朝阳区机场第二高速 坐标:116.589155,39.97456 70 [116.551264,39.929544,"白家楼桥西人行过街灯 双向"] // 白家楼桥西人行过街灯 双向 地址:北京市朝阳区 坐标:116.551264,39.929544 71 ]; 72 showCustomMarker(data_info); 73 74 function deletePoint(){ 75 var allOverlay = map.getOverlays(); 76 for (var i = 0; i < allOverlay.length -1; i++){ 77 if(allOverlay[i].getLabel().content == "我是id=1"){ 78 map.removeOverlay(allOverlay[i]); 79 return false; 80 } 81 } 82 } 83 </script>
原文地址:https://www.cnblogs.com/FKdelphi/p/12172283.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 轻松使用纯css3打造有点意思的故障艺术(附React加强组件版)
- (一)Mybatis的入门 - Titan的Mybatis系列学习笔记
- Hadoop安装与环境配置入门
- Elasticsearch源码解析:环境搭建
- SpringBoot整合JWT认证机制实现接口鉴权
- [Java] Java多线程的探索 -获取新闻标题
- Java中对文件进行MD5加密
- [数据结构] 使用最小堆思想实现哈夫曼编解码
- [数据结构] 括号符的匹配
- [数据结构] 平衡二叉查找树 (AVL树)
- 写给前端的算法进阶指南,我是如何两个月零基础刷200题
- [Java] 在Java中优雅地进行文件IO操作
- [Java] 日期与时间的一些操作
- 一起来用python实现一下十大经典排序算法
- [数据结构] 稀疏矩阵的存储