如何在H5里添加地图导航？人人秀来教你！

如何在H5里添加地图导航？人人秀来教你！

智能手机的普及，大大方便了我们的生活，不论是地图导航、新闻资讯、手机支付还是其他的多元工具，都让我们的生活可以通过一部手机就全部搞定！比方说在出门远行这一方面，一个地图导航就可以搞定所有步行、公交、驾车等路线，只需要输入目的地，就可以直接按照给出的路线出发，十分方便快捷。

地图功能在其他领域的应用也非常广，比方说在一封电子邀请函上，要是有一个地图导航链接无疑有很大的便利性，或者是招聘启事、招生宣传页上附带上地图导航功能，给予用户便利性，也是一种获客的手段。下面就是人人秀地图H5相关详情介绍，一起了解下吧。

人人秀H5页面制作工具——地图H5

一、人人秀H5：地图H5-功能介绍

根据人人秀积累多年的h5制作数据显示，利用h5制作最多的使用场景就是各类邀请函。而邀请函中最重要的功能就是通知时间和地点。

添加地图，支持搜索地点标注，活动场所一目了然，访问宾客再也不会迷路。是企业公司招聘、亲朋好友聚会、婚礼庆典邀请等线下活动中所必须的重要功能。

二、人人秀H5：地图H5-服务优势

内嵌地图

在h5页面内内嵌地图，无需打开外部链接，显示更自然、查看更方便、体验更舒适。

移动端外部替换

人人秀提供的地图默认为腾讯地图，考虑到不同的用户有不同的使用习惯，也支持替换为访问者移动端所安装的地图app，支持打开外部地图进行替换。

按钮图标自定义

人人秀的地图内置4种常用按钮图标，如果用户不满意，也可以添加自制图标。

三、人人秀H5：地图H5-使用场景

活动会议

方便在举办活动、会议时标注活动地点，避免冗长繁琐的文字说明。

在通常的活动邀请中，商家一般采取描述道路和距离的方式来告知用户地点。但是在现实生活中，参与活动的大部分用户根本不清楚举办活动的道路名称，对动辄上百米的距离也没有一个直观的认知。

针对这种情况，您只需要在h5邀请函中嵌入一个电子地图，就可以直观而具体的通知用户活动地点。

好友聚会

结婚举办婚礼、孩子满月喝满月酒、老同学举办同学会等一系列的活动时，最害怕的情况就是说不清地点。十个人的聚会到了九人，最后一人左等不来右等不来，电话联系时才知道误去了一个名称相近的地点。

此时，将您的邀请函中内嵌一个电子地图，能够支持用户随时查看目标地址，避免地址描述不清、活动人员走失、走丢的情况。

四、人人秀H5：地图H5-制作流程

1、添加地图插件

打开人人秀编辑器，点击互动，选择常用，选择地图。 在弹出窗中输入目标地点，点击搜索，确定保存设置。 

2、设置内嵌地图

在屏幕的右边，勾选内嵌地图。在操作台将地图拉大，放到合适的位置。若不勾选内嵌地图，则在H5页面上会显示一个地图图标。图标样式可以在按钮图标上进行选择。

3、设置皮肤样式

地图插件的皮肤样式设置方式与表单插件相同。

4、模板推荐

如果您希望发现更多地图在H5场景中的使用方式，可以参考并使用我们提前为您精心准备好的地图模板。

小彩蛋：营销的本源：用户需求到底是怎么来的？（中）

四、标题定乾坤

接下来要思考：你起的文章标题，能不能打动你自己？

我本来想写的标题是《我离开体制后的这三年》，或者是《当年离开体制的人，现在都混得怎么样了》。甚至想过一个很浮夸的标题：《我离开体制后的这三年，我的收入增长了100倍》。

你觉得这些标题怎么样？还算中规中矩吧，确实能引发好奇，但是，不具有话题性。

最后我选的是这样一个标题：《我身边离开体制的人，目前没有一个后悔的》。

当读者看到这个标题的时候，心里会有两层波澜。离开体制为什么不后悔呢？这是第一层。但更多的是第二层波澜：真的吗，离开体制，没有后悔的？不一定吧，我不相信。于是他们带着好奇、怀疑，打开了这篇文章。

很多人喜欢看美剧。美剧为什么好看？你有没有发现在每一集末尾将要发生些什么的时候，突然就结束了，这时你好奇的种子就被种下了，迫不及待地想要追剧。

什么是一篇顶级的文章？就是你想一口气看完，又不忍心一口气看完的文章。

五、开头俘获人心

对于公众号文章来说，最困难也最有风险的地方就在于开头和结尾。开头写得不好，读者就不会往下读；结尾写得不好，读者就不会转发。

2017年有篇热文《我是范雨素》，还记得文章开头第一句话吗？

我的生命是一本不忍卒读的书，命运把我装订得极为拙劣。

如此有画面感的一句表达，读者的内心戏一定是：她的生命是有多悲惨，命运怎么捉弄她了？再加上巧妙的修辞，我们仿佛能感受到范雨素生命被装订的疼痛。这就是好的文章开头造成的刺激，它会让我们的眼睛被钉住，迫不及待想要读下去。

文章的开头跟标题一样，一定要吸引人，要在读者心里种下种子。具体说就是要达到以下四个效果：

1、立画面

道理是没有画面感的，但故事有。讲故事，立画面，这也就是为什么咪蒙写文章，开头总喜欢说“我有一个表哥”，“我有一个同学”，或者“我有一个实习生”。

2、有代入

你的故事所表达的场景一定要是读者熟悉的场景，这样读者才有代入感，才能引起读者思考。

3、表情绪

是指你的故事要通过别人或自己的例子，间接或直接地传递出一种观点、立场和情绪。

4、做铺垫

埋下疑问、转折或者悬念，为下一段的开始做好铺垫。

大家看我这篇文章的开头：这两年，我身边离开体制、放弃铁饭碗的人越来越多了。

樊登有一次讲过一个笑话，以前说自己是央视主持人，别人觉得你比较牛；现在要说是从央视出来的主持人，别人才觉得你牛。

我一个年龄较大的长辈，在当地做到了文化局局长，后来选择去一家基金公司当了总经理，负责一个影视项目。好不容易辛苦了大半辈子，坐上了局长的位子，说不要就不要了。

这个世界怎么了？

到这里算是文章的第一部分。开头第一部分可以是一句话，很炸裂，也可以是有吸引力的一段话。我采取的就是第二种。

第一句话我先讲一个现象，在读者脑海中立一个越来越多人离开体制的画面。之后用了篇幅比较小的两个事例，一个是前央视主持人樊登，别人的例子，显得高大上；第二个是身边朋友的例子，显得接地气。提供两个维度，代入读者进行具体的思考和联想，同时通过这两个例子表明“现在身边越来越多的人选择离开体制”的现象。

然后做铺垫，“这个世界怎么了？”抛出疑问，引发好奇。

我的这个开头，也许不算是最好的开头，但是我至少没有犯一个技术性错误，就是把开头例子部分写得太冗长。请大家切记，开头部分，在亮出观点前，例子不要过长，一定要让读者明白你举例子的用意。

六、善用万能框架

写完开头，我们就要展开内容了，展开包含两个方面。一是文章框架，让内容站起来。二是行文走笔，让内容活起来。

一些人写文章没有列提纲的习惯，常常是想到哪里就写到哪里，自己看完觉得一点儿逻辑都没有。刚开始练习，最好是写个提纲出来，等熟练之后，打个腹稿，或者画个思维导图也可以。

推荐一个特别好用的“万能框架”，你可以现学现用：亮观点—说现象—做分析—下结论。整个文章的大框架可以这么用，每个小论点也可以这么用。

下面是我的文章的第二部分：

而且，真的，我身边离开体制的人，并不是因为在体制内混不下去了，反而大多数都是在体制内其实混得已经很不错了，仕途前途基本一片平坦光明；但是，他们觉得不够，他们有更大的野心。

比如我家乡一个朋友，年前从政府大院里出来，从宁波去了上海，做某大型房产企业的董事长助理。他选择出来，我们是很意外的，因为他已经混到了在我们看来一个非常不错的职位和级别，放弃成本确实很大。今年过年的饭局上我问他：“兄弟，你怎么想的？”

他开玩笑说：“这不是跟随你的步伐嘛，你是我们的榜样啊，你还写了那篇爆款文《体制内外，甲方乙方》啊。”

我说别闹了，你这离开的成本太大了，我如果是你，我估计就不走了。

他喝了杯酒，表情严肃，长叹口气：“我知道，不走的话，每天小日子也能过得不错，也不是很累；但是，我特别想知道自己能力的边界和极限在哪里。”

“如果我混得好了，我就觉得没有辜负自己；如果我混得不好”，他停顿了下，“我也就认命了，知道自己没有想象中那么厉害，我就能安安心心、踏踏实实地过稳定的日子，从此不再胡思乱想。”

“玩这么大，你输得起么？”我问他。

他笑笑：“赌不起，就不玩了，现在不还没结婚嘛，输了也没啥大不了的，至少我知道我不会饿死。”

很多离开了体制的人，要么就是有底气，要么就是有好心态，要么就是想得特别明白，人生一场游戏而已。

所以他们不会后悔。

第二部分到这里就结束了。现在来拆分一下，我是怎么把万能框架中的四个要点融入文章里的。

1、亮观点。

而且，真的，我身边离开体制的人，并不是因为在体制内混不下去了，反而大多数都是在体制内其实混得已经很不错了，仕途前途基本一片平坦光明；但是，他们觉得不够，他们有更大的野心。  

2、说现象：让读者能够“入戏”

每说一个论点，都会再描述一些现象来建立认同感，让人一看就觉得这些事情并不陌生，也真真切切地发生在自己身上。这就是让你的读者“入戏”。

这个场景最好是你的读者也会遇到的场景，以便让文章和读者产生关联，同时还要包含一个价值观冲突，也就是前面说的心魔。

在这里我举的是家乡一个朋友从政府大院出来的例子。不但用了发生在身边的一个事件，还用了一段对话的描述，情境渲染得就差不多了。接下来就要展开分析了，不能一味地只说现象。

做分析一：对场景中发生的事情进行分析，引出自己的观点

我列举上面的场景是为了什么？为了论证我的观点：很多离开了体制的人，要么就是有底气，要么就是有好心态，要么就是想得特别明白，人生一场游戏而已。

做分析二：激发读者共鸣

要注意的是，分析一定要有鲜明立场和情绪化的表达，比如我写的：“很多离开了体制的人，要么就是有底气，要么就是有好心态，要么就是想得特别明白，人生一场游戏而已。”最后这一句“人生一场游戏而已”就是金句。道理讲明白之后，用一句话总结。

3、下结论

我们经过层层分析之后就要下结论了。最后，再一次明确地表明态度，“所以他们不会后悔”。前面所有的准备都是为结论服务的，结论要尽可能精炼，一针见血，最好用一句经典的话概括。读者就算忘记了整篇文章，只要记得这一句，就能明白你洋洋洒洒写了上千字是为了什么。

不只是文章的结论，每次写完一个例子，也一定要有总结，最好还是金句那种，就更完美了。

直觉和经验告诉我，既然选取了一个这么有争议的话题，就一定要把它圆回来，让人有一种既出乎意料，又在情理之中的感觉。

于是，我在第三部分是这么写的：

当然，我不是鼓吹让大家都放弃体制，都去市场上竞争。

我身边有好些公务员朋友，智商情商之高，我知道他们如果离开体制，大概率可能性是混得比现在好，一定是企业高管或者优秀的创业者，至少财务上更自由些。而他们选择留在了体制内，选择了一条更保守的职场道路。

你说他们选错了吗？也许吧，但是对于未知的选择，我们永远无法笃定，而且衡量成功的标准，也不是只有财务收入一条。

胡适说：人的最大痛苦就是自己的能力配不上野心。

而高晓松说：人类都是高看自己。

有时候，选择保守，未必不是睿智的决定。

而且我相信，即使他们在体制内，也有离开体制的能力。

我最受不了的，是很多人又蠢又懒还没本事，有幸端起了旱涝保收的铁饭碗，却天天在抱怨体制不行，说平台配不上他的野心。

相信我，他们吐槽再多，你真要他出来吧，他就不干了。因为他们对外面的世界远不够真正热爱，对现状也远不够真正厌恶。

这种人，在体制内属于混不上去，到体制外生存肯定活不过一个月的loser（失败者）。

读完后，你是不是觉得我要表达的观点是：真正的人才，其实在体制内和体制外都可以混得很好，而我不喜欢的，是很多人端起了铁饭碗，却天天在抱怨体制不行，说平台配不上自己的野心。

当我抛出这个观点的时候，我是不是把这个有争议的话题给圆过来了？而且我所讨厌的，是不是也是广大人民群众共同厌恶的？而且，这样表达，还使整个文章更加饱满和立体。

你再看看，进入第三部分，我在行文时的框架也还是大体采用了“亮观点—说现象—做分析—下结论”的结构。

文章写到这里，我的观点都表达清楚了，这时候是不是差不多要收尾了呢？不不不！

如果你想写得更好，成为爆款文，你需要升华主题，达到更高的认知，于是有了第四部分。

进一步说，我觉得体制内和体制外的区别，并不是狭义上的指事业单位或公务员就是体制内，企业单位或自由职业者就是体制外，这种划分太表面和偏颇了。

我认为体制内和体制外，唯一的区别在于这个平台能否充分释放你的能力和潜力。

体制外有没有风险？当然有，市场竞争激不激烈？当然激烈。但是，我相信，这些年的中国，正经历由互联网带来的新一轮“改革开放”。

必须承认，目前的互联网行业，为真正优秀的人才带来了更有想象力的价值。

传统的商业，个人的话语权太弱，组织和公司占据了渠道和流通资源，所以公司品牌越来越强，个人只能更多依赖组织和公司，才能成为既得利益者。

但是互联网最牛的地方在于，打破一切中间化，直接放大个人价值。所以，优秀的人更容易抓到互联网的红利，成为这个时代的宠儿。

体制内是工资增长的线性模式，而体制外是类似股权的指数模式。“体制”这个词，已经从原来生活的保障成为创新的束缚，稳定的风险其实更大。

当体制外的想象力更大，当留在体制内的成本更高，很多聪明人都会开始用脚投票。

在这一部分，我其实是拔高到一个新的高度，我把体制内和体制外的界限模糊化了，不再从狭隘的角度去定义，而是跳到一个更大的宏观格局。我认为体制内和体制外唯一的区别在于，这个平台能否充分释放你的能力和潜力。

这就是拔高认知，能带给读者更大的收获和启示。

人人秀地图功能的添加十分简单，上面已经给出了详细的制作步骤，只需要跟着做就可以上手了！

人人秀原创文章，如若转载请注明出处：https://rrx.cn/content-0r3mle