通常我们都会在网站建设中需要留下公司的地址以及名称，但是文字的信息通常不容易让人留意且需要对文字信息进行复制粘贴到地图软件上才能进行查询，这是相当麻烦的。所以通常企业网站除了留有公司地址的文字信息外，还会增加可视化地图，一来是大气美观，二来是访问的用户可以直接在可视化地图上面清楚且清晰的了解到公司的具体位置以及周边情况，极大的缩短了用户获取到企业信息的时间，在如今快节奏的生活以及讲究高效率的环境下，可视化地图完美的印证了高效率这个特点，接下来分享我常用的生成可视化地图的小插件。

 

具体操作流程是这样的：
一：输入企业的详细地址，在下拉选项中选择正确的建筑或者位置



二：确定好位置后，切换到第二栏目



在第二栏□□□目这里我□□□□们可以进□□□□行一些个·性化的调□□整或者根□□□□据企业的□□□□需要进行△一些调整，比如对地□□□图图层的□□样式选择◇不同，展示效果◤也是不一□□样的，当选择卫□□星时，地图效果▽是这样的：



还有其他的一些选项就等大家去尝试选择，这里就不过多介绍。
 
三：来到第三○栏目，也是最关•键的一个□□栏目设置，因为前两□□□□步只是在□□地图上找□□□到企业的□□□□位置，但是地图□□上内容很□□□□多，很难让人□□□一眼就能□□□找出公司□□位置，这时就需□□□要对地图□□□上的公司□□□□位置进行✦标注了。



一般来说◤都是选择□□□□第一个，添加码点，然后我们□□□在标注列□□□表里面，填写上公□□□司的具体□□□□信息，比如说公□□□司名称，公司所在□□□□楼层房号□□□等信息



地图这边□□□也是会同□□步显示具□□□□体信息出□□□来，然后我们◉可以进行□□预览，看一下具□□□□体的效果，不合适的□□□□再调整，如果没问丨题了，我们就点□□击获取代□□码



这里我们□□需要做的□□□□是，把样式以□□□及JS部分的代□□□码复制到□□□□我们的页□□面上，然后刷新□□页面就能□□□看到具体□□□效果了，当然key值就需要▽大家自己□□□□去申请了。本次分享□□□□到此结束，下面放出□□□链接。
高德地图API链接：
https://lbs.amap.com/tools/creater