以哈尔滨松松小镇为例，教您如何制作手绘地图并精确地对准在地图上？

最近很多朋友再问如何制作哈尔滨松松小镇的手绘地图，如何把哈尔滨松松小镇的手绘地图精确地对准在地图上呢？其实地图上的研发量很小，几行代码就可以搞定。关键是在图片绘制上，有较高的要求。下面就用简单粗暴的方法来实现。

以哈尔滨松松小镇为例，教您如何制作手绘地图并精确地对准在地图上？

以哈尔滨松松小镇地图为例，打开框选取点工具：获取到左下角和右上角的坐标，这个就是图片的显示范围。打开Photoshop，或者您有别的制图软件也可以，开始制作手绘地图吧。

图片的创作您可以任意发挥，每个人都有自己的特色。这里对制作图片就不赘述了。

请注意，绘制的图片，一定和您框选的范围一致！！绘制过程中，保证绘制内容和底图高度重合！这里一定要保证图片重合，后期无法通过纠偏、校准等方式对齐图片！一定注意！将图片叠加到高德地图上，代码很简单啊，创建地图，建立图片图层，就好了啊。

    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

        ]

});

小泥人公司是专注做手绘地图，电子导览，语音讲解等专注服务于景区的智慧导览系统。如果你还有什么疑问，或者还想了解更多关于手绘地图的相关知识，可以登录小泥人官网https://www.xiaoniren.com

阅读量:14136