今天得空，跟大家唠唠我之前捣鼓51地图那点儿事。
那还是前几年了，手头接了个小项目，客户要求也不复杂，就是想在他们公司网站上加个地图，标出公司位置，能让人查查怎么走。那时候不像地图API选择那么多，51地图算是当时比较流行，而且用起来也还算方便的一个。
上手准备
我先是去他们官网上转悠了一圈，找他们的开发者中心或者API文档。那时候的文档风格，怎么说，就那样，反正不像现在的这么图文并茂，有时候得靠猜和蒙。主要目标是找到怎么把地图嵌入到网页里，再怎么加个标记点。
开始实践
一开始看那些API文档，头还是有点大的。什么密钥申请，JS文件引入，一大堆。不过静下心来，找了几个简单的示例代码，照着葫芦画瓢，慢慢也就上手了。
我的实践步骤大概是这样的：
- 第一步：引入JS文件。这个是必须的，在HTML页面的
<head>标签里，或者放到<body>的面。我记得当时是直接从他们提供的地址引用的。 - 第二步：创建地图容器。就是在HTML里放个
<div>，给它个ID，比如叫map_container，再给它设置个宽度和高度，不然地图显示不出来。 - 第三步：初始化地图。这个就得用JavaScript代码了。大概意思就是告诉程序，我要在哪个
<div>里显示地图，地图的中心点经纬度是多少，初始的缩放级别是多大。这些参数得自己先查比如公司地址的经纬度，我当时是在他们地图上直接选点获取的。 - 第四步：添加标记点（Marker）。这个最关键了，客户就是要这个嘛也是用JS代码，指定标记点的经纬度，然后把它添加到地图上。还可以给标记点加个信息窗口（InfoWindow），点击标记点能弹出公司名称、地址、电话啥的。
- 第五步：加点控件。比如放大缩小控件、平移控件，这些都是地图API自带的，调用一两行代码就能加上，用户体验能好点。我记得还有鹰眼、比例尺什么的，看着挺唬人。
遇到的小插曲
中间也遇到点小麻烦。比如有时候坐标偏了，怎么标都不对，后来才发现是坐标系的问题，或者是我自己经纬度抄错了。还有就是，API文档里有些函数或者参数，写得不是很清楚，得自己一个一个试，看效果。那时候调试工具也没现在这么方便，有时候一个小小的问题能卡半天。
我还记得当时想实现一个点击地图获取经纬度的功能，查了半天文档，又结合一些论坛里零散的帖子，才勉强搞出来。不像示例代码满天飞，一搜一大把。
最终效果与总结
总算是把客户要的功能都实现了，一个带标记、能缩放、能看路线（虽然路线规划功能当时好像是跳转到51地图主站的）的地图就出来了。客户看了也挺满意，觉得挺直观的。
现在回头看，51地图可能在功能丰富性上比不上现在的一些主流地图API了，甚至可能已经停止维护或者更新很慢了。但对于当时一些简单的地图展示需求，它确实是个不错的选择，简单直接，上手也快。尤其是对于我这种当时对地图API接触不多的人来说，算是个不错的入门实践。
整个过程下来，感觉就是：别怕新东西，多动手，多看文档（虽然有时候文档不给力），多尝试，总能搞定。 这回捣鼓51地图的经历，也为我后来接触其他更复杂的地图API打下了一点点基础。今天就先分享到这，希望对大家有点启发，哈哈。
还没有评论，来说两句吧...