永久免费看黄网站入口|精品一区二区在线观看|夜夜躁狠狠躁日日躁视频|国产又粗又黄又爽又硬的|亚洲综合一区二区三区不卡|亚洲最新无码中文字幕久久|色老头一区二区三区在线观看|亚洲欧美在线综合一区二区三区

經(jīng)營(yíng)范圍

安平縣坤佰金屬絲網(wǎng)制品有限公司

2020-10-15 11:50:35作者:無(wú)名來(lái)源：admin0次閱讀

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

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

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

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

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

?
我們可以發(fā)現(xiàn)做出來(lái)的地圖尺寸大小有問題，沒有把網(wǎng)頁(yè)屏幕鋪滿。
?
第五步：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)頁(yè)全屏地圖截圖，然后用PS工具制好要自己要的圖片尺寸格式就好了,用這種小白方法做網(wǎng)頁(yè)地圖，以后不管網(wǎng)站如何改版，或換公司地址，都能簡(jiǎn)單快速的做一個(gè)新地圖顯示圖片出來(lái)。
?

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

相關(guān)文章

網(wǎng)友評(píng)論

公司介紹

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

歡迎大家咨詢。公司介紹
咨詢飛機(jī)； yizhilaoshu

最新文章

圖文聚集

熱門排行