您的位置:首頁 > 經(jīng)營范圍
經(jīng)營范圍

深圳市新麗五金塑膠模具有限公司噴油模具網(wǎng)深圳噴油模具噴油銅模噴漆銅模噴油模廠家銅模廠家東莞噴油模玩具噴油夾?；葜輫娪湍娪湍＞邍娪豌~夾模玩具噴油模孩之寶玩具噴油模廣州市噴油模深圳噴油模美泰玩具噴油模力高玩具噴油模德林玩具噴油模順德噴油模五金噴油模杭州市噴油模汕頭玩具噴油模鑄造廣東省深圳噴油模廣州市噴油模佛山市噴油模順德噴油模上海噴油模東莞市噴油模南京市噴油模中山市噴油模青島噴油模惠州市噴油模河源市噴油模清遠市噴油模珠海噴油模羅定噴油

2020-10-15 11:50:35作者:無名來源：admin0次閱讀

一般大多數(shù)企業(yè)官網(wǎng)都會在自己的網(wǎng)站上放上一個地圖框架，來顯示自家公司的地理位置，方便客戶查詢，但是做這種地圖框架其它代碼技術(shù)的程序員才能做，導致很多工廠代加工網(wǎng)站管理人員受技術(shù)限制做不出來這種效果。
?
今天公司就用一種方法小白制作地圖圖標顯示框架。
?

一、在網(wǎng)站上的顯示方式

?
在這里，不管是制作地圖框架顯示，還是JS代碼顯示，它的功能作用就只是在網(wǎng)頁上顯示出來而已，那只要在網(wǎng)頁顯示出來，最簡單的方式就是做成一張圖片，把圖片放到模板代碼里面就OK了。
?
先來看下效果：
地圖效果顯示

二、如何生成這種地圖圖片

?
工具：http://api.map.baidu.com/lbsapi/creatmap/
?
第一步：輸入自己所要的地址
輸入公司地址
?
第二步：添加自己的標注 （“設置地圖”這一個步驟不用管，默認就行了）
添加標注
?
第三步：點擊獲取代碼，點擊復制全部代碼
獲取地圖代碼
?
?
第四步：將復制好代碼放到一個 .html 網(wǎng)頁文件中，用瀏覽器仿問此文件就可以看到自己做好的地圖圖標了

?
我們可以發(fā)現(xiàn)做出來的地圖尺寸大小有問題，沒有把網(wǎng)頁屏幕鋪滿。
?
第五步：a.將第19行的代碼里面 style="width:697px;height:550px;border:#ccc solid 1px;" 樣式刪除掉
?

b.在第12行后面添加一段代碼： #dituContent {width: 100%;min-height: 100%;overflow: hidden; margin: 0; position: absolute;}
?
?
OK，這樣地圖的顯示就鋪滿屏了，地圖就生成制作完成。
?
?

三、將做好的地圖用PS制作成圖片


?
把網(wǎng)頁全屏地圖截圖，然后用PS工具制好要自己要的圖片尺寸格式就好了,用這種小白方法做網(wǎng)頁地圖，以后不管網(wǎng)站如何改版，或換公司地址，都能簡單快速的做一個新地圖顯示圖片出來。
?

聲明: 本文由( admin )原創(chuàng)編譯，轉(zhuǎn)載請保留鏈接: 網(wǎng)站上放公司地址地圖生成器

相關(guān)文章

網(wǎng)友評論

公司介紹

行業(yè)：互聯(lián)網(wǎng) 品牌：公司介紹
，
取自"腹中有墨，不愿沉淪"之意。
我一直有一顆90后浪漫主義者的心
夢里尋她千百度，驀然回首，那人卻在燈火闌珊處。
愛好互聯(lián)網(wǎng)，寫自傳、現(xiàn)代詩詞等。
公司專注電子商務、公司介紹優(yōu)化、公司介紹服務、公司介紹顧問、微營銷、淘寶運營、網(wǎng)站運營、網(wǎng)絡營銷、網(wǎng)絡推廣、微信公眾號、營銷系統(tǒng)研發(fā)和培訓；公司致力于幫助草根網(wǎng)絡創(chuàng)業(yè)者打造最好的網(wǎng)絡營銷系統(tǒng)！ 用思維改變命運！

歡迎大家咨詢。公司介紹
咨詢飛機； yizhilaoshu

最新文章

圖文聚集

熱門排行