如何加入地图名片

Posted 我的前端之路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何加入地图名片相关的知识,希望对你有一定的参考价值。

最近在做网页,遇到一个问题,客户要求加入一个这样的地图名片,要求里面的地图可以拖拽,可以查看大图,竟然还能查询附近公交/地铁。

就像这样:

这样的要求让我这样的前端小白顿时傻了眼,到底要怎么做呢?

没办法,老办法我先F12审查一下有这样效果的网站是如何做到有这样的效果的,可惜发现网页直接加入了一个iframe。这个iframe到底是干嘛用的呢,我不得不又马不停蹄的度呀度。

最后发现百度地图可以制作地图名片。

首先,可以进入百度地图开放平台:http://lbsyun.baidu.com/

底部有插件与工具,点击地图名片

进入如下页面:

页面有详细的制作百度地图名片的方法:

 

      

    

就这样,最后只要把上图中圈出来代码的位置里的相应代码加到想要加入的页面的相应位置就可以了。

好了,问题解决,心里爽歪歪......

注意:本文为原创,转载请以链接形式标明本文地址 ,谢谢合作

本文地址:http://www.cnblogs.com/wanghuih/p/5569672.html

以上是关于如何加入地图名片的主要内容,如果未能解决你的问题,请参考以下文章

名片解析器。如何从名片识别文本中提取相关信息?

如何Android中加入扫描名片功能

名片识别sdk助力于商务交流活动

这么递名片才高效!教你给应用开发个交换名片功能

如何动态生成名片[关闭]

有了它,人人都能玩转AR名片