你知道吗,你可以将一些的三方提供的服务嵌入到你的博客或个人网站中,让你的博客更精彩,与众不同。今天我们就教大家怎么将地图嵌入你的博客中,让你记录的事件在地图上显示,超酷。而且你不需要懂得编程知识就可以添加。 我们将介绍使用两种方法:指图网和51地图的自动代码生成:然后将生成代码贴到自己博客的模板或者博客文章里面去。准备好了吗?让我们开始吧: 步骤一:自动生成代码(两种方法任选其一): 方法1:指图网自动生成地图代码: a. 到指图网 http://www.ipointmap.com 创建一个用户 b. 在地图上拖动或者缩放到你想要标注的位置,地图上那个“所有城市”下拉框可以帮助你更快的定位。找到过后就点击“添加文章”,然后在出现的页面里面填写相应信息,你还可以上传图像让它在地图上更好看。 c. 编辑完成后发布,在刚发布的文章里面有一个“生成代码”按钮,点击进入: d. 一个所见即所得的界面出现,你可以在上面拖动,缩放,改变大小,改变显示类别,在博客上要显示的地图就是现在你编辑的时候看到的样子。最后拷贝代码完成。 方法2:51地图自动代码生成: a. 到51地图创建博客地图的地址: http://my.51ditu.com/my/single/sel_city.html?type=3; 选择城市,点击下一步 b. 在地图上拖动,缩放到合适的地点,点击下面的“标点” 按钮,然后在地图上单击,在出现的文本框里面输入信息。 c. 点击“下一步”,将会如何将代码放入博客的帮助。依照帮助即可完成放入博客。 步骤二:将代码添加到博客模板或博客文章去: 1. 如何将代码放入博客模板: a、制定我的博客首页。 b、添加模块。 c、创建新的控制面板。 d、复制从步骤一得到的指图网或51地图得到的源代码,粘贴到内容区域。 d、选中你新创建的地图面板。 f、操作完成,地图显示在你的博客的模板中。 2. 如何将代码放入博客文章: a. 进入博客的编辑页面,不同博客的编辑页面不尽相同,我们以某网站博客作为一个例子: b. 点击“显示源代码”,这个按钮在不同博客编辑器里面不一样,有的名字叫HTML编辑等。然后将得到的代码拷贝到编辑页面的合适位置 c. 再次单击“显示源代码”回到所见即所得模式,看见地图已经被生成了。 d. 发布该博文,你就可以向别人炫耀你博客里面的地图了! 到此为止,我们已经学会了如何在博客上添加地图,赶快去试试吧。 点评:两种生成地图代码的方式各有千秋:指图网的代码生成步骤稍微多一些,但是他们提供了一个很好的编辑界面,用户可以很容易理解和操作。51地图操作简单,地图也比较专业。值得一提的是指图网的地图相当有趣,不仅可以显示你的标注,在地图范围内其它用户的标注和地点也一同显示,这样你可以方便看到同一区域发生的故事,相信能吸引更多的用户来访问你的博客。