推荐到广播
603556 人聚集在这个小组
(what are words)
(youllneversay)
第三方登录：这种自动播放百度地图的网站怎么做？
看了@LOO2K做的也想做个送女朋友，LOO2K共享了代码，但是还是不会弄， 能不能介绍下给制作方法。题主非程序员，玻璃心行就行不行我再想办法，求别冷嘲热讽。@LOO2K问题如果给您带来不方便，请私信我删除
按投票排序
非常感谢 , 我不是程序猿，也看不懂代码，经过仔细的研究，修改了N次以后，我也成功了，建议大家修改代码的时候使用来修改，代码可以高亮，修改起来不容易出错，我来分享一下我的经验和过程。准备域名和服务器购买一个以她姓名全拼组成的域名（如果没被人注册的话），推荐，过程略。到淘宝随便购买一个香港的虚拟主机（也可以是大陆以外的其他地方），具体哪家就不推荐了，因香港的主机在大陆访问还是有一点慢，所以我也注册了一个用来放图片和背景音乐，用来加速以后的网站打开速度。过程略。将域名解析到主机，并将需要用到的图片和背景音乐上传到七牛，获取外链地址，备用。过程略。修改代码首先建议把代码第二行的"en-US"修改为"zh-CN"，这样可以避免chrome浏览器提示网页是英文问你是否翻译。如下图第一个框。第二个框是修改网页标题。修改地图坐标和图片音乐链接，替换为自己在七牛的链接即可，地图坐标可以用LOO2K的获取。注意有些地方的坐标使用的是变量，并非直接是坐标数值，例如下面的GZ_GTC代表的是广外艺的坐标。一个比较容易遇到的问题，网页走到应该显示两地坐标点和路线的时候：我修改过后的网页总是显示不正常，地图跑到别的地方去了，原来是因为第224行我没有修改，这行的意思应该是将河源市的坐标放到屏幕的中心，好让整个路线都完全显示出来。我们需要事先在地图上找到一个两地路线的中间点，获取它的坐标并声明变量，把那个变量写在224行就能正常显示了。我修改过后的网页总是显示不正常，地图跑到别的地方去了，原来是因为第224行我没有修改，这行的意思应该是将河源市的坐标放到屏幕的中心，好让整个路线都完全显示出来。我们需要事先在地图上找到一个两地路线的中间点，获取它的坐标并声明变量，把那个变量写在224行就能正常显示了。还有一个问题，如果两个城市非常远或非常近，例如一个在东北一个在海南，地图的缩放级别不是我们想要的大小，导致不能完整的显示两地的路线怎么办？
我也遇到了这个问题，通过观察我发现代码中多次出现如上图第223行这样的格式，并且括号中的数字有大有小，于是我尝试着把括号中的“9”改大或改小，果然，地图缩放大小不一样了，数值越小，地图的比例尺越大，反之一样。具体的要自己去尝试，根据两地的距离来设定缩放大小以使两地坐标都在视野内。（缩放等级：3~18）还有一个问题，如果两个城市非常远或非常近，例如一个在东北一个在海南，地图的缩放级别不是我们想要的大小，导致不能完整的显示两地的路线怎么办？
我也遇到了这个问题，通过观察我发现代码中多次出现如上图第223行这样的格式，并且括号中的数字有大有小，于是我尝试着把括号中的“9”改大或改小，果然，地图缩放大小不一样了，数值越小，地图的比例尺越大，反之一样。具体的要自己去尝试，根据两地的距离来设定缩放大小以使两地坐标都在视野内。（缩放等级：3~18）照片秀的那一段代码请注意图片的尺寸，如果和代码中规定的尺寸不符，会出现图片被拉伸或挤扁的情况。整个修改过程都是个细致活，需要耐心和细心，否则容易搞错坐标或外链地址。改的差不多了我们还需要将刚才用到的所有图片外链地址写在第1163行下面，这里罗列的地址应该是一开始正在加载的东西（我猜的）。1194行的地址就是背景音乐的路径，我将这个MP3也放在了七牛，因为我那个垃圾香港空间很慢。1186行的地址是什么我也很好奇……修改好接下来就上传代码查看效果，并反复修改直到自己满意为止，这个过程对不懂网页的我来说，非常恼火，我起码修改了不下20次。我用的LeapFTP这个小工具，可以方便的连接到FTP空间进行上传和下载。也可以注册，直接上传ZIP代码包即可测试效果，这样就不需要空间和域名。京东云擎有些同学说不会用，用京东购物的账号即可直接登陆，登陆后网页右上角红色“控制台”按钮进入应用列表。进入后右上角黄色按钮“新建应用”——应用服务器选择Php-Web类型——名称随便取，只要不和别人的重复就OK——创建——等待30秒左右“状态”处显示“启动成功”就算创建完毕了。把源代码的根目录下新建一个空白记事本，将其命名为index.php（注意要先显示文件的后缀再修改），然后代码用压缩软件打包成ZIP格式，回到京东云擎的应用列表，点击部署管理——上传包部署，将ZIP包上传，约一分钟后，“状态”处显示“启动成功”即可“点击访问”。另外如果需要用到访问统计，不建议使用百度的，我试过百度的统计代码加入后地图右边会多出一个滚动条，我也不知道哪家的统计好用，你们可以试试飞鱼说的cnzz。测试的朋友，另外如果需要用到访问统计，不建议使用百度的，我试过百度的统计代码加入后地图右边会多出一个滚动条，我也不知道哪家的统计好用，你们可以试试飞鱼说的cnzz。测试的朋友，代码需要部署到服务器上才能运行，本地打开会一直卡在正在加载。我这个网页刚修改好，女朋友就离开了我，在一起三年了，她说我们性格不和%￥#￥%……&……%……哎，这是一个悲伤的故事。附上我修改的网页：
手机党慎入，流量大。
我也成功了，大家点下面查看。这个网站我不打算现在给妹子看，希望有一天妹子会看到吧，妹子也在玩知乎，着是我小号，她不知道。最后的页面还可以通过微博分享，大家帮我分享下增加妹子看见的几率哦。谢谢
了！ 真的很感谢具体的制作过程
已经说的很清楚了，给大家说个遗漏的问题吧：1、可以把下面几行代码移动到&/body&之前，不然安卓4版本以下手机无法正常显示。2、如果大家要换背景音乐的话最好把mp3和ogg两个文件都换了。2、如果大家要换背景音乐的话最好把mp3和ogg两个文件都换了。3、大家可以到cnzz到网站注册并添加隐藏代码，并把她浏览器的修改了，这样她如果进去看了你就能知道了。具体方法百度上都有的。
照图画猫成功了，顺便膜拜一下。唉。。。。(地址就不贴了，已经分了)附赠升级版：在如此感人的场景之后，难道不是趁机表个白示个心，扩大战果的时候么，。。。(用IE8以上能听到音乐)知乎上小伙伴们私信我教他制作，我写了个自助平台，你们自己上传图片和地址跑地图吧，
。账号:tian
密码：123456 。建议用fifrefox,IE8以上，搜狗高速版等。页面好了直接把链接发给她。(账号的话登陆tian后访问自己可以新建 )这里是扩大战果源代码。 。
，谢谢@幽灵蟹，表示战果。
终于成功了， 感谢前面的大神们！
看看我的效果！
就是图片没在中间。
@LOOK2K 不得不说，您的才思让我佩服。我用了几天时间优化了一下，另外换成GoogleMap的API（方便留学狗~），欢迎轻拍
看到你们的成果，我也试试。
我的也成功了~ ，就是在手机上不能正常播放，安卓手机没声音，苹果手机刷不出来。。。 不过，很感谢
不知道还有没有人看这个，我编的上传之后一直都是加载中，是怎么回事
临呼（知乎）涕零！！
非常感谢 , 等的分享精神，在他们的帮助下，我也完成了给女票的恋爱两周年纪念礼物，域名我已经买下来了，但是由于域名还没有备案，所以暂时不能通过域名进行访问。但是可以通过我的阿里云服务器公网ip进行访问。------------------------------------------------------------------------跟原版代码相比创新的地方主要有：1、首页上面我修改了等待的GIF图片，换成了和妹子去海洋馆玩的很开心的GIF图。2、具体地址的坐标点位，全部修改成跟我们相关的地点坐标，具体坐标的获取可以使用百度的坐标拾取系统，可以非常方便的拾取单个点位的坐标，但是要在地图上面写字的话，这个系统就不够用了。后面会有个用坐标点组成的“生日快乐”，但是我想送给女票的是“2周年快乐”，所以这个很是让我头痛了一阵，不过最后通过百度多方寻找灵感，在Google earth中自定义路径，然后将该路径保存为.kml文件，然后记事本打开，bingo！！！，轨迹的坐标点位全部都出来了，也就是说我们可以在沙漠上随便写我们想要的文字了。2、具体地址的坐标点位，全部修改成跟我们相关的地点坐标，具体坐标的获取可以使用百度的坐标拾取系统，可以非常方便的拾取单个点位的坐标，但是要在地图上面写字的话，这个系统就不够用了。后面会有个用坐标点组成的“生日快乐”，但是我想送给女票的是“2周年快乐”，所以这个很是让我头痛了一阵，不过最后通过百度多方寻找灵感，在Google earth中自定义路径，然后将该路径保存为.kml文件，然后记事本打开，bingo！！！，轨迹的坐标点位全部都出来了，也就是说我们可以在沙漠上随便写我们想要的文字了。
求问改好了上传之后，一直在正在加载界面。。求大神们指导下为什么这样啊
大哥，怎么搞的啊？怎么一点都看不懂这种图片是怎么做的？
这种图片是怎么做的？ 20
1）&PHOTOSHOP软件中，创建一背景图层，将照片4张拖入。
2） 新建图层 ，创建矩形选区，填充白色，降低填充度
3） 创建文字，输入文字
4） 合并所有图层完成制作
可以不用 PHOTOSHOP么
中间的横条就是第2步。创建矩形选区后填充颜色，降低填充度完成制作。
美图秀秀也行 稍等我截图告诉你怎么做
用美图秀秀教我一下吧，谢谢的，做会了会采纳的
美图秀秀按照我截图的一步步操作 也很简单 但是我觉得比Photoshop麻烦 你自由选择吧
先新建画笔，这个先做好你要的长条素材，选白色 颜色你自己选也OK的。大小自己设置
之后创建后保存下。
接下来把你要的照片拖到美图秀秀里面，之后在图片上右键：会出现（插入图片的按钮）
选择你刚才做的素材（长条）
之后就出现长条了 但是大小和颜色都不对，没关系的。
点旁边的设置长条的大小和透明度 就完成了。之后就是打字了 我觉得你应该会了。
很详细咯，现成截图写的，所以回复有点慢不好意思。但应该很详细咯，祝你成功。
着急了 里面有的字我打错了 。第一步里面（新建画布），我打成了新建画笔 我纠正下哦，见谅
如果还是不明的就追问吧 哪里不明白我可在讲述下。
做好了，谢谢
提问者 的感言：不知道说什么，送你一朵小红花吧：） 相关知识
其他回答 (2)
用图片软件，美图秀秀比较好用
我就想知道中间的两个横条怎么弄上去的
如果只是弄横条，可以放PPT里做
1、先把图放入PPT内；
2、选择插入-形状-矩形，点击后，在图片上拉出矩形，大小可以随自己调整；
3、调整矩形边框颜色、填充颜色、透明度（选中矩形，点击右键，在弹出框中选择设置形状格式），如果要上面的效果，可以选择浅浅灰，透明度可以自己调整；
4、最后，插入文字，选中矩形，点击右键，选择编辑文字，就可以输入文字啦，然后可以选中文字设置字形、大小等等
这种图我会做，若是你需要，我可以帮你。Q
你使用 PHOTOSHOP还是美图
这两款软件我都有，都能做出这个效果，相对而言Photo shop处理比较麻烦一点，而美图秀秀比较便捷。如果有需要，我可以帮你做。望采纳，谢谢！
可以告诉我步骤么？详细点，会采纳
你是用电脑的不，我远程教你可好？远程你学得更快，我讲的话，可能你还会有些地方不明白，你看这是赔了夫人又折兵【(*^__^*) 我的意思是及损失了脑细胞又损失了时间啦】，你觉得呢？
那还是算了，谢谢
相关知识等待您来回答
多媒体领域专家
& &SOGOU - 京ICP证050897号}