javascript - 制作自己的地图册

Question

我学期的期末作业项目打算一个可以收藏自己地图标记的网站 不过有些东西不清楚 希望得到大家帮忙

• 有关于百度高德提供的API 还是arcgis for js 或者一些开源库的选择

其实我并不清楚arcgis 是什么 目前看好像是一家有关地图数据和编辑的公司 提供功能貌似更多 更强大 不对的理解希望指出

• 因为机房可能连不上网络 这些地图数据是否可以离线使用

• 因为想能够自定义自己的地图标记点 不知道是否这些API都有提供这些功能 又或者一些其他的解决方式（我目前想的是只记录坐标点 然后再自己写好方法将对应的标记放上去 不知道可不可以简便点）

• 最后一个是有关H5地图的使用 我并不清楚使用上述API和H5地图有什么关系 如果用H5制作这样的功能有该是怎样

可能问题本身有些错误的地方 希望大家谅解并解答 谢谢

Answer 1

我先纠正一下你的问题，也回答一下

• 地图应用属于需要服务器端支撑的应用，如果是单纯的H5页面的地图，不可以离线使用，如果是移动端的app，离线使用是有解决方案的

• 自定义地图标记点，这个不是什么特殊的功能，你在地图上看到的标记，其实都是一个个的png的小图片，你可以制作任何样式的图片，在地图上选点的时候，利用api，将图标样式的url换成你的url,来看看高德的api

    var marker = new AMap.Marker({
        //复杂图标
        icon: new AMap.Icon({
            //图标大小
            size: new AMap.Size(28, 37),
            //大图地址
            image: "http://webapi.amap.com/images/custom_a_j.png",
            imageOffset: new AMap.Pixel(-28, 0)
        }),

• H5就是html5，不存在H5地图，如果你的应用是在浏览器里面玩的，就是利用js api操作，所以，好好学习js，这才是关键

参考链接：高德js api