Google的地圖相當的方便,不但圖資完全,是以也有很多店家,會將Google地圖嵌到網頁中,讓消費者輕易找尋,但Google改版後,很多朋侪已找到地址,卻不知要若何嵌到網頁中,這個嵌入鈕,還相當的不明顯,所以筆者就花點時候,將它整理,需要的朋友,就操作看看吧!

嵌入Google地圖:

Step1
起首,進到https://www.google.com.tw/maps/,接著在左上角輸入要查尋的地址。
網頁若何將 Google地圖 嵌入 網頁設計
網頁若何將 Google地圖 嵌入 網頁設計
Step2
當找到後,點左上的共享圖示,再點分享和嵌入地圖選項。

網頁若何將 Google地圖 嵌入 網頁設計
網頁若何將 Google地圖 嵌入 網頁設計

Step3
當設定好後,將下方的語法複製起來。

Step4
再貼到網頁中。
網頁若何將 Google地圖 嵌入 網頁設計
網頁若何將 Google地圖 嵌入 網頁設計

Step5
這樣就會呈現在網頁中顯示。

網頁若何將 Google地圖 嵌入 網頁設計

文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()


ESP32 節制 TB6612FNG 直流馬達驅動∕控制板
程式實現
在申明程式之前
必需提到PWM會用到analogWrite

然則ESP32並不支援
所以改用LEDChannel庖代

網頁設計
  1. int PWMA = 13;
  2. int INA1 = 12;
  3. int INA2 = 14;
  4. int STBY = 27;
  5. int INB1 = 25;
  6. int INB2 = 26;
  7. int PWMB = 33;
  8. const int ledPin = 2;
  9.  
  10. void setup() {
  11.   // put your setup code here, to run once:
  12.   Serial.begin(115200);
  13.   pinMode(ledPin, OUTPUT); //設定腳位為輸出
  14.   pinMode(INA1,OUTPUT);
  15.   pinMode(INA2,OUTPUT);
  16.   pinMode(PWMA,OUTPUT);
  17.   pinMode(STBY,OUTPUT);
  18.   pinMode(INB1,OUTPUT);
  19.   pinMode(INB2,OUTPUT);
  20.   pinMode(PWMB,OUTPUT);
  21.   //digital output test
  22.   digitalWrite(INA1,HIGH); //設定腳位HIGH LOW
  23.   digitalWrite(INA2,LOW);
  24.   digitalWrite(PWMA,LOW);
  25.   digitalWrite(STBY,HIGH);
  26.   digitalWrite(INB1,HIGH);
  27.   digitalWrite(INB2,LOW);
  28.   digitalWrite(PWMB,LOW);
  29.   delay(1000);
  30.   
  31.   //analog output(PWM) test 設定LED Channel PWM 頻率
  32.   ledcSetup(0, 10000, 8);
  33.   ledcSetup(1, 10000, 8);
  34.   ledcSetup(2, 10000, 8);
  35.   ledcSetup(3, 10000, 8);
  36.   ledcSetup(4, 10000, 8);
  37.   ledcSetup(5, 10000, 8);
  38.   ledcSetup(6, 10000, 8);
  39.   //設定腳位Channel
  40.   ledcAttachPin(INA1, 0);
  41.   ledcAttachPin(INA2, 1);
  42.   ledcAttachPin(PWMA, 2);
  43.   ledcAttachPin(STBY, 3);
  44.   ledcAttachPin(INB1, 4);
  45.   ledcAttachPin(INB2, 5);
  46.   ledcAttachPin(PWMB, 6);
  47.   
  48. }
  49.  
  50. void loop() {
  51.   // 最先前先明滅ESP32板子上LED
  52.   digitalWrite(ledPin,LOW);
  53.   delay(500);
  54.   digitalWrite(ledPin,HIGH);
  55.   delay(500);
  56.   digitalWrite(ledPin,LOW);
  57.   //設定馬達1為正轉
  58.   ledcWrite(0, 255); //INA1
  59.   ledcWrite(1, 0);   //INA2
  60.   ledcWrite(2, 255); //PWMA
  61.   ledcWrite(3, 255); //STBY
  62.   //設定馬達2為正轉
  63.   ledcWrite(4, 255); //INB1
  64.   ledcWrite(5, 0); //INB2
  65.   ledcWrite(6, 255); //PWMB
  66.   delay(3000);
  67.   
  68.   digitalWrite(ledPin,LOW);
  69.   delay(500);
  70.   digitalWrite(ledPin,HIGH);
  71.   delay(500);
  72.   digitalWrite(ledPin,LOW);
  73.   //設定馬達1為反轉
  74.   ledcWrite(0, 0);   //INA1
  75.   ledcWrite(1, 255); //INA2
  76.   ledcWrite(2, 255); //PWMA
  77.   ledcWrite(3, 255); //STBY
  78.   //設定馬達2為反轉
  79.   ledcWrite(4, 0);   //INB1
  80.   ledcWrite(5, 255); //INB2
  81.   ledcWrite(6, 255); //PWMB
  82.   delay(3000);
  83. }
文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()

完成圖

  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  2. <script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  3. <script type="text/javascript" src="{$template_dir}/js/js.cookie.js"></script>
  4.  
  5. <link type="text/css" rel="stylesheet" href="{$template_dir}/css/jquery-ui.dialog.css" />
  6. <script>
  7.  
  8. $(function(){
  9.           //alert(Cookies.get("over18"));
  10.         //設定over18是不是為1
  11.         if (Cookies.get("over18")!="1") {
  12.                 $("#dialog_div").css('zIndex',9999);
  13.                 $("#dialog_div").dialog({
  14.                                 autoOpen: true,
  15.                                 show: "blind",
  16.                                 hide: "explode",
  17.                                 buttons: {
  18.                                         "是,我已滿18歲": function() {
  19.                                                 Cookies.set("over18", '1');
  20.                                                 $(this).dialog("close");                                       
  21.                                 },
  22.                                 "請離開": function() { $(this).dialog("close");type : "cancel"; }
  23.                         }
  24.                 });
  25.                 $("#opener").click(function() {
  26.                         $("#dialog_div").dialog("open");
  27.                         return false;
  28.                 });
  29.         }
  30. });
  31.  
  32. </script>
  33.  
  34.         <div id="dialog_div" style="display: none;" title="電腦網際網路分級辦法">本區域依『電腦網際網路分級門徑』歸類為限制級
  35.                                     限制為年滿18歲已具有完整行為能力且願接管本站內影音內容
  36.                                     及各項條款之網友才可瀏覽,未滿18歲回絕進入。
  37.                                     為防範未滿18歲之未成年網友瀏覽網路上限制級內容的圖文資訊
  38.                                     建議您可進行網路分級基金會TICRF分級辦事的安裝與設定。
  39.                                     依電腦網路內容分級法,未滿18歲不得瀏覽。</div>
文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()

網頁設計

與普通手機相比,BOB可以實現數據節制權回歸用戶,輕鬆接見收集,辨認信息的原始起原等功能。




6、OPUS
Opus是世界上第一個完全分散的音樂同享平台。Opus平台的邏輯層基於以太坊區塊鏈,並使用IPFS文件系統——一個分佈式文件存儲對等收集作為存儲層以儲存音樂。這就意味著Opus平台不需要中心化的辦事器。是以,如許的手藝結構意味著沒有任何組織可以或許在Opus上封殺歌曲或藝人,而雙層結構同時也確保了在以太坊區塊鏈上的低燃耗(gas cost),增加了可規模性。
音樂文件被加密並上傳至IPFS蜂群,而秘鑰則存儲在以太坊智能合約中,並紀錄在通用音樂註冊編號(UMRN)記錄裡。該系統有用地確保了音樂的永遠所有權。
不但如斯,該系統的設計確保了Opus平台在全球任何一個角落都永遠可用。為此,Opus將開辟第三方API,使任何開辟者都可以打造能夠播放Opus平台音樂的播放器。37.webp.jpg



7 Peergos
Peergos 是一個點對點的加密文件系統,可以在密友以及數據中間之間實現平安的文件分享。Peergos 是建立在IPFS 之上的一個加密和會見控制,對標的是百度網盤。
Peergos 是在一個去中間化的收集中,包管數據的隱私和平安,而且在傳輸過程中不生成任何源數據;是自力於任何集中的信賴架構,例如TLS、CA 等,或域名系統;在收集中彼此同享文件的時候,不行查看源數據;可以或許自動下載二進製文件或克隆代碼組成一個機械並完成即時的社交通訊,能以最大水平上保護小我隱私。


8、IPFS上的地圖利用 Peer Map
PeerMaps是一個散佈式,離線友愛的替代方法,可替代貿易地圖供應商(例如Google地圖)。您的計較機不是從集中式切片辦事中獲取數據,而是從收集中的其他對等方獲取地圖數據。39.jpg
今朝,已有諸多應用搭建在IPFS 收集上,作為IPFS收集上的鼓勵層,主網已上線的Filecoin也在不斷成長和成長,有IPFS的加持,Filecoin 收集將會有更多的價值支撐,有Filecoin的激勵,IPFS也將走進更多人的糊口。


文章出處

 

文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()



將INB、INA別離接在GPIO26及GPIO27上,INB與INA代表正反轉

 



影片



文章出處:網頁設計,網站架設 ,網路行銷,網頁優化,SEO - NetYea 網頁設計

文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()

1.先安裝NANO的驅動程式
找到Tools - > Boards manager
Arduino nano初始設定並引入LibraryArduino nano初始設定並引入Library

2.左邊輸入nano
安裝 Arduino AVR Boards 1.8.X
Arduino nano初始設定並引入LibraryArduino nano初始設定並引入Library


3. 找到准確型號
Tools -> Processor -> ATmega328P(Old Bootloader)
Arduino nano初始設定並引入LibraryArduino nano初始設定並引入Library


4. 改換COM PORT
Tools -> Port -> COM 10(每台電腦顯示分歧)
這時候插上Arduino nano 已顯示連線
Arduino nano初始設定並引入Library
Arduino nano初始設定並引入Library

5.安裝LIB (liquid-crystal-i2-c.h)
載點
https://www.arduinolibraries.info/libraries/liquid-crystal-i2-c


SKETCH -> ADD .ZIP Library...
把檔案上傳便可
Arduino nano初始設定並引入Library
Arduino nano初始設定並引入Library

果燒錄泛起毛病請看這篇
毛病訊息:stk500_getsync() attempt 10 of 10: not in sync: resp


文章出處:網頁設計,網站架設 ,網路行銷,網頁優化,SEO - NetYea 網頁設計

 

文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()

 


Arduino ESP32 用光敏電阻做小夜燈 網頁設計


程式碼:

文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()

CPanel SMTP 寄信時呈現錯誤無法寄出 網頁設計 CPanel SMTP 寄信時呈現錯誤無法寄出 網頁設計

在訪問服務器時,我發現exim辦事被終止了:

CPanel SMTP 寄信時呈現錯誤無法寄出 網頁設計

文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()

網頁設計

 

 

文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()


影片


文章出處:網頁設計,網站架設 ,網路行銷,網頁優化,SEO - NetYea 網頁設計

網頁設計 Arduino的 RGB led燈(共陽極)的利用
網頁設計 Arduino的 RGB led燈(共陽極)的利用
RGB LED的R接Arduino GPIO腳位16。
RGB LED的G接Arduino GPIO腳位17。
RGB LED的B接Arduino GPIO腳位5。

程式碼
1.每隔一秒改變LED的色彩,紅、綠、藍、黃、青、洋紅、白


 

文章標籤

tatev45f2hkj 發表在 痞客邦 留言(0) 人氣()