智慧城市建设之二维码标准地址

到门牌，大家脑海能想到什么？这是一块小小的号码或者文字标识牌那么简单吗？

现在二维码标准地址门牌已经得到了大范围的应用了，现在已经在全国各地都推广开来。

比如河北省廊坊市也开展二维码门牌标准地址建设，二维码里信息包括标准地址、实有人口、实有房屋、实有单位基础信息采集工作背景及重要意义、二维码标准地址采集核验生成流程、二维码门牌制作规范与安装要求以及二维码标准地址管理服务平台建成后在城市管理、公共安全、政务服务等领域的创新应用。接下来再了解下关于二维码标准地址的一些知识。

一、什么是二维码标准地址？

二维码标准地址是按照民政、公安等部门联合发布的《标准地址编制规范》，编制生成的包含地址元素、统一编码和地理坐标信息，以二维码门牌形式展现的标准地址。

二、二维码标准地址具有什么特点？

一是唯一性。每个地址都拥有唯一的编码，解决了每一个地址、每一个建筑物、每一个房屋的身份证问题。二是规范性。严格按照地名地址规范编制，解决了一地多名、重名问题。三是精准性。二维码标准地址包含精确的地理坐标与空间位置信息，实现了地址名称与空间信息的精准关联。

三、二维码标准地址可以为市民提供哪些便利化服务？

平台建成完善后，群众可通过手机扫码可获取基于目标地址、房屋的信息查询、位置导航、费用缴交、快递服务、报警求助以及户政业务、居住证申报等互联网+公安政务服务。

四、二维码标准地址在城市治理中能够发挥什么作用？

将来，从城市管理和服务角度，公安、民政、自然资源和规划、住建等政府职能部门，凡是与地址有关的业务信息都可以通过标准地址获取准确的空间位置，直观定位展示与地址关联的“人、地、物、事、网、组织”等信息，为城市管理、公共安全、民生服务、警务工作提供数据支撑，进一步夯实市域现代化治理工作根基。

五，如何将地址信息生成二维码的样子？

第一步，登录二维彩虹二维码生成器官网

第二步，选择“文件”选项

并且上传提前准备好的文件，文件里面的信息包含完整的地址信息，可以是一个word文档，或者是一个PDF文档，或者是一张图片。

当然，如果您希望通过二维码展示网页版的信息，可以选择二维彩虹其他的选项。

“文件”选项所支持的文件类型包含：

演示文件：pptx、ppt、pot、potx、pps、ppsx、dps、dpt、pptm、potm、ppsm

表格文件：xls、xlt、et、ett、xlsx、xltx、csv、xlsb、xlsm、xltm

文字文件：doc、dot、wps、wpt、docx、dotx、docm、dotm

其他格式文件：jpg、png、pdf、mp3、mp4、 lrc、 c、 cpp、 h、 asm、 s、 java、 asp、 bat、 bas、 prg、 cmd、 rtf、 log、 xml、 htm、 html

第三步，生成动态二维码

动态二维码的优势在于，可以随时在后台修改二维码的内容。同时还可以追踪二维码的扫描数据，比如扫描时间、数量、位置、数量等信息。

第四步，美化二维码

可以选择二维码的样式、图眼、边框，设置二维码的颜色，上传logo或者头像。

第五步，测试，下载使用二维码

在下载使用二维码之前，一定要对二维码的内容进行扫描测试。

六，关于二维彩虹二维码生成器

二维彩虹作为一家拥有全球十万+用户的二维码生成器公司，是国内首家专注于为世界120余个国家地区提供二维码美化与数据追踪服务的大数据解决方案供应商。

在二维彩虹二维码，能够快速制作网页链接二维码、电子名片二维码、文件二维码、H5编辑二维码、多链接二维码、支付宝微信聚合收款码、APP下载二维码、微信淘宝商店二维码、WIFI二维码、音乐二维码、视频二维码、邮箱二维码、文本二维码。

站做好后，给网站调用地图坐标动态显示公司位置，方便客户在地图上查找你公司位置到公司洽谈业务。设置方法如下，详细教程请看账号里的对应视频

1、获取百度地图秘钥（AK）

百度地图开放平台网址是

https://lbsyun.baidu.com/

注册账号，点击“开发文档”--“JavaScript API”--申请“个人开发者”，根据提示提交资料，注册账号。

在后台“应用管理”--“我的应用”--创建应用。在页面中的“应用类型”选择“浏览器端”，添加允许调用的网站域名，提交审核，获得密钥（AK）。

2、获取地址的经度和维度坐标

地图拾取坐标系统网址

http://api.map.baidu.com/lbsapi/getpoint/index.html

定位到公司具体地址，会自动出现该位置的经度和维度数值，保存该数值。

3、制作地图坐标页面

这里提供优化后的地图坐标显示效果代码，如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 适应移动端页面展示 -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<title>网站调用地图坐标</title>
		<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=您申请到的秘钥AK"></script>
		<style type="text/css">
			/* 设置容器样式 */
			#dituContent {
				height: 500px;
				width: 100%;
			}

			.mapContent {
				width: 240px;
				height: 100px;
				position: relative;
				top: -30px;
			}

			.BMap_bubble_content {
				overflow: visible !important;
			}

			.mapContent .title {
				width: 100%;
				font-size: 18px;
				color: #333;
				font-weight: 600;
			}

			.mapContent .main {}

			.mapContent .main p {
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<!-- 地图容器 -->
		<div id="dituContent"> </div>
		<script type="text/javascript">
			var longitude='117.307712'; //经度
			var latitude='31.869903'; //纬度
			// 创建图文信息窗口
			var sContent=`
			<div class="mapContent">
				<div class="title">
					孙健工作室
				</div>
				<div class="main">
					<p>联系人:姓名</p>
					<p>联系方式:XXXXXX</p>
					<p>详细地址:公司所在地详细地址</p>
				</div>
			</div>`;
			// 创建地图实例
			var map=new BMapGL.Map("dituContent");
			// 设置中心点坐标
			var point=new BMapGL.Point(longitude, latitude);
			// 地图初始化，同时设置地图展示级别
			map.centerAndZoom(point, 18);
			//开启鼠标滚轮缩放
			map.enableScrollWheelZoom(true);
			// 创建添加点标记
			var marker=new BMapGL.Marker(point);
			map.addOverlay(marker);
			// 创建信息窗口对象
			var infoWindow=new BMapGL.InfoWindow(sContent);
			// 打开信息窗口
			map.openInfoWindow(infoWindow, map.getCenter());
			// marker添加点击事件
			marker.addEventListener('click', function() {
				this.openInfoWindow(infoWindow);
				// 图片加载完毕重绘infoWindow
				document.getElementById('imgDemo').onload=function() {
					infoWindow.redraw(); // 
				};
			})
		</script>
	</body>
</html>

把上面的代码复制下来，在自己电脑里，新建TXT文档，把该代码粘贴进去，修改代码里的“秘钥AK”、“经度”、“维度”为你的。

然后，名字可以命名为ditumap，把该文件的后缀txt，修改为html，名字全称就是ditumap.html，TXT文档就自动转换为网页文件了。

4、调用制作好的地图坐标网页

使用FTP软件，把文件上传到网站空间合适位置，并记住该路径。

进入网站管理后台，打开需要某个需要调用地图页面的文章，使用下面的iframe标签代码，远程调用地图文件。

<iframe style="border:none;" src="地图文件的绝对路径" width="100%" height="450px" frameborder="0" scrolling="no"></iframe>

在代码里，设置地图文件的绝对路径，调整显示的宽度和高度。

通过上面的设置，网站就可以调用百度地图坐标系统了，你也赶紧试试吧，很好玩的^_^

页就是一个HTML文件。

1、HTML结构

<!doctype html>

<HTML>

<head>

</head>

<body>

</body>

</HTML>

说明：

文档类型<!DOCTYPE>

<!DOCTYPE html>

标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范.

HTML标签
标识HTML文档，是所有HTML中标签的一个根节点。
head标签
标识头部区域，用于存放：title,meta,base,style,script,link
title标题
在head标签中我们必须要设置的标签，让页面拥有一个属于自己的标题。
body标签
标识页面的主体部分，用于存放所有的HTML标签，如p,h,a,b,u,i,s,em,del,ins,strong,img

2、HTML标签和属性

写HTML文档时，必须遵循HTML语法规范。HTML文档实际上就是一个文本文件，它由标签和信息组合而成，当然标签和信息也不是随便组合的，需要遵循一定规则，否则无法正常显示。

标签分类
在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 <html>、<head>、<body>都是HTML标签。根据出现个数不同，分为双标签和单标签
双标签
该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。
<标签名属性名1="属性值" 属性名2="属性值" 属性名3="属性值" ……> 内容 </标签名>
单标签
单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
<标签名属性名1="属性值" 属性名2="属性值" 属性名3="属性值" …… />

标签关系
嵌套关系
<head> <title> </title> </head>
并列关系
<head></head> <body></body>
标签语义化
所谓标签语义化，就是指标签的含义
作用：

方便代码阅读和维护
具有更好地搜索引擎优化
更容易让浏览器或是网络爬虫解析，从而更好地分析网页的内容

遵循原则：
合适的地方放一个最为合理的标签。当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性

有一起学习的吗？请点赞收藏+关注哦！

在线咨询

上一篇：CSS3 3D立方体旋转发光动画特效
下一篇：基于JavaScript小米电商网站设计与实现-计算

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

智慧城市建设之二维码标准地址

您的项目需求