智慧城市建設之二維碼標準地址

到門牌，大家腦海能想到什么？這是一塊小小的號碼或者文字標識牌那么簡單嗎？

現在二維碼標準地址門牌已經得到了大范圍的應用了，現在已經在全國各地都推廣開來。

比如河北省廊坊市也開展二維碼門牌標準地址建設，二維碼里信息包括標準地址、實有人口、實有房屋、實有單位基礎信息采集工作背景及重要意義、二維碼標準地址采集核驗生成流程、二維碼門牌制作規范與安裝要求以及二維碼標準地址管理服務平臺建成后在城市管理、公共安全、政務服務等領域的創新應用。接下來再了解下關于二維碼標準地址的一些知識。

一、什么是二維碼標準地址？

二維碼標準地址是按照民政、公安等部門聯合發布的《標準地址編制規范》，編制生成的包含地址元素、統一編碼和地理坐標信息，以二維碼門牌形式展現的標準地址。

二、二維碼標準地址具有什么特點？

一是唯一性。每個地址都擁有唯一的編碼，解決了每一個地址、每一個建筑物、每一個房屋的身份證問題。二是規范性。嚴格按照地名地址規范編制，解決了一地多名、重名問題。三是精準性。二維碼標準地址包含精確的地理坐標與空間位置信息，實現了地址名稱與空間信息的精準關聯。

三、二維碼標準地址可以為市民提供哪些便利化服務？

平臺建成完善后，群眾可通過手機掃碼可獲取基于目標地址、房屋的信息查詢、位置導航、費用繳交、快遞服務、報警求助以及戶政業務、居住證申報等互聯網+公安政務服務。

四、二維碼標準地址在城市治理中能夠發揮什么作用？

將來，從城市管理和服務角度，公安、民政、自然資源和規劃、住建等政府職能部門，凡是與地址有關的業務信息都可以通過標準地址獲取準確的空間位置，直觀定位展示與地址關聯的“人、地、物、事、網、組織”等信息，為城市管理、公共安全、民生服務、警務工作提供數據支撐，進一步夯實市域現代化治理工作根基。

五，如何將地址信息生成二維碼的樣子？

第一步，登錄二維彩虹二維碼生成器官網

第二步，選擇“文件”選項

并且上傳提前準備好的文件，文件里面的信息包含完整的地址信息，可以是一個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小時內與您取得聯系。

整合營銷服務商

智慧城市建設之二維碼標準地址

您的項目需求