搜索

关闭搜索框
搜索saas热门内容

近期热门

  首页> 智慧景区> 以哈尔滨松松小镇为例,教您如何制作手绘地图并精确地对准在地图上?

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

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

哈尔滨松松小镇手绘地图多少钱.jpg

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

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

哈尔滨松松小镇手绘地图和语音讲解.jpg

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

松松小镇的手绘地图如何制作.png 

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

    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

        ]

});

哈尔滨松松小镇手绘地图.jpg

小泥人公司是专注做手绘地图,电子导览,语音讲解等专注服务于景区的智慧导览系统。如果你还有什么疑问,或者还想了解更多关于手绘地图的相关知识,可以登录小泥人官网https://www.xiaoniren.com/或添加小泥人客服微信15801396081,也欢迎您直接电话沟通。


阅读量:13833

相关阅读