以哈爾濱松松小鎮(zhèn)為例，教您如何制作手繪地圖并精確地對(duì)準(zhǔn)在地圖上？

最近很多朋友再問如何制作哈爾濱松松小鎮(zhèn)的手繪地圖，如何把哈爾濱松松小鎮(zhèn)的手繪地圖精確地對(duì)準(zhǔn)在地圖上呢？其實(shí)地圖上的研發(fā)量很小，幾行代碼就可以搞定。關(guān)鍵是在圖片繪制上，有較高的要求。下面就用簡(jiǎn)單粗暴的方法來實(shí)現(xiàn)。

以哈爾濱松松小鎮(zhèn)為例，教您如何制作手繪地圖并精確地對(duì)準(zhǔn)在地圖上？

以哈爾濱松松小鎮(zhèn)地圖為例，打開框選取點(diǎn)工具：獲取到左下角和右上角的坐標(biāo)，這個(gè)就是圖片的顯示范圍。打開Photoshop，或者您有別的制圖軟件也可以，開始制作手繪地圖吧。

圖片的創(chuàng)作您可以任意發(fā)揮，每個(gè)人都有自己的特色。這里對(duì)制作圖片就不贅述了。

請(qǐng)注意，繪制的圖片，一定和您框選的范圍一致！！繪制過程中，保證繪制內(nèi)容和底圖高度重合！這里一定要保證圖片重合，后期無法通過糾偏、校準(zhǔn)等方式對(duì)齊圖片！一定注意！將圖片疊加到高德地圖上，代碼很簡(jiǎn)單啊，創(chuàng)建地圖，建立圖片圖層，就好了啊。

    var imageLayer = new AMap.ImageLayer({

        url: 'gulangyu.png',

        bounds: new AMap.Bounds(

         [118.057708, 24.436293],   //左下角

         [118.077706, 24.454069]    //右上角

         ),

        zooms: [15, 18]

    });

    var map = new AMap.Map('container', {

        resizeEnable: true,

        center: [118.067042,24.444673],

        zoom: 15,

        layers: [

            new AMap.TileLayer(),

            imageLayer

        ]

});

小泥人公司是專注做手繪地圖，電子導(dǎo)覽，語音講解等專注服務(wù)于景區(qū)的智慧導(dǎo)覽系統(tǒng)。如果你還有什么疑問，或者還想了解更多關(guān)于手繪地圖的相關(guān)知識(shí)，可以登錄小泥人官網(wǎng)http://m.635867.com

閱讀量:16588