简单的说, 你可以先获取自己的ip, 然后使用百度的api根据ip来获取经纬度
参考以下链接资料
>
1进入:>
首先去申请一个API key,获取API key后在页面调用
申请地址:>
当你达到15级时,就可以从NPC辛达那里接到任务“奇怪的石头”,将任务道具带给NPC诺顿(分解商人)后就可以完成任务获得1500金币。
接着就可以在诺顿那里接到研究任务,会让你去拿8个猫妖指甲,在格兰之森的6个地下城中杀猫妖都有掉落(注意,白猫和毒猫不掉),掉率还是不错的,如果来之前有准备直接就可以交任务了,获得1500金币和一条暗抗项链。
回到辛达那里,此时可以接到最后一个任务“暗黑雷鸣废墟“,任务的描述不是很清楚,让你去暗黑雷鸣废墟找回他的锤子,接到任务后来到格兰之森,嗯,你就可以看到隐藏地图---暗黑雷鸣废墟了,要记得,要通过一次僵尸图才能完成辛达的任务,你才能交上!
这时候你的僵尸图就是永久的了~!
这里以调用高德地图和百度地图为例,简单介绍一下前端网页中如何调用第三方地图API,主要内容如下:
调用高德地图API
1首先,需要注册高德地图开发者,这个是使用API的前提,只有正常登陆,创建应用,生成专属的Key值,才能正常调用地图,注册的话,直接到官网上注册就行,需要输入以下信息,按照提示一步一步往下走就行,如下:
2注册成功后,登陆平台,点击右上角的“控制台”,进入用户管理界面,依次点击“应用管理”->“我的应用”,就会跳转到应用管理界面,点击右上角的“创建应用”,d出对话框,输入应用名称和类型,如下:
3创建成功后,在当前的应该管理页面就可以看到刚才创建的应用,接着就是为应用添加key值,这个直接点击应用右边的“+”号就行,如下,我们是网页中引入,所以选择“Web端(JSAPI)”,通过JS引入前端网页:
key值添加成功后,就会在当前应用下列出来,如下,这里需要记住这个字符串,后面的代码中要用到:
4最后就是编写前端测试代码了,基本思路先创建一个div容器,然后通过JSAPI引入地图到这个容器中就行,如下,非常简单,key参数传入上面的字符串就行:
用浏览器打开这个html文件,效果如下,已经成功引入高德地图:
调用百度地图API
1首先,也是注册百度地图开发者,这个直接到官网上注册就行,或者直接使用百度账号登陆,点击右上角的“控制台”,进入用户界面,接着点击“创建应用”按钮,d出如下界面,输入应用名称,因为是前端网页引入,所以这里我们选择“浏览器端”:
2应用创建成功后,就会为当前的应用生成一个AK值,后面的代码中就是通过这个值引入百度地图,如下,需要记住这个字符串:
3最后就是编写前端测试代码了,如下,基本步骤和高德地图差不多,先创建一个div容器,然后通过JSAPI引入地图到这个容器,最后就可以正常显示,这里替换成自己应用的AK值:
用浏览器打开这个html文件,效果如下,已经成功引导百度地图:
至此,我们就完成了在前端网页中调用高德地图API和百度地图API。总的来说,整个过程非常简单,步骤也很清晰,只要你熟悉一下上面的过程,很快就能掌握的,官网也给出了非常详细的开发文档,非常适合初学者学习,还可以在线编辑查看效果,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。
lol,楼上仗剑折花的方法太幽默了,他那个完全是在模仿一种效果,如果是需要模仿就够了的话还不如直接做成几张切换,还可以做的更加美观,我觉得楼主是希望获得能判断经纬度的动态效果,不过如果要自己重头创建的话几乎不可能不仅要用到web技术还需要gis技术以及具有空间地理坐标的地理数据,每一项都不是几个人能在短期完成的工程,另一点楼主要实现实现显示有意义的动态区域框的功能,如果是bs模式的话需要使用支持画图功能的语言,而这类语言当前浏览器支持均非常有限,替代方法是使用java applet,即编写java,
直观的概念,google map即包含楼主所要的经纬度的坐标数据,因为有这些数据所以你才能在google map上实现精确定位,画图功能google map也没有实现,你可以找一些web gis的一些更加高级的应用网站应该有这项功能,所以,google map解决这个问题也不是一天两天一个人两个人能做好的,要不就不会成为google的产品了。
解决办法,
你可以基于google提供的google map提供的api来创建你的应用,这样经纬度,地图数据以及主要的技术问题都由google map提供,你只需基于它创建自己的应用即可,但要知道如何使用google api也不是轻松的事。网上有很多关于google api学习的文章和著作,可先学习一下
以上就是关于js 获取百度地图自己位置经纬度全部的内容,包括:js 获取百度地图自己位置经纬度、arcgis js api 如何获取 地图 中心点坐标、有没有办法用js代码截屏到百度地图等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)