js 根据固定位置获取经纬度--腾讯地图

1.首先引入jq 和 腾讯地图js

<script src="../js/jQuery.js"></script>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>

 

2.html代码部分

<body onload="init()"><button type="button" id="button">获取经纬度</button>
</body>

 

3.js部分

<script type="text/javascript">$("#button").on("click",function(){geocoder.getLocation("北京市朝阳区朝阳大悦城");        //这里点击按钮获取的时候传入地址});/*地图*/var init = function() {var callbacks = {//若服务请求成功，则运行以下函数，并将结果传入 
            complete: function(result) {var latlng = result.detail.location;         //这里就能拿到经纬度了alert(latlng);},//若服务请求失败，则运行以下函数 
            error: function() {alert("服务器出错了");}}//创建类实例 
        geocoder = new qq.maps.Geocoder(callbacks);           //body加载的时候实例化对象}/*地图结束*/
</script>

 

结果如下：这样就显示出来啦

 

转载于:https://www.cnblogs.com/xianxianxxx/p/7390668.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/572099.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Golang——string字符串常用函数（Contains、join、Index、Repeat、Replace、Split、Trim、Fields）

Golang——string字符串常用函数（Contains、join、Index、Repeat、Replace、Split、Trim、Fields）

更多的还是去官方文档里去看&#xff1a;https://studygolang.com/pkgdoc Contains&#xff1a; 判断字符串中是否包含指定字符串 演示&#xff1a; func main() {str1 : "itzhuzhu"result : strings.Contains(str1, "zhu")fmt.Println(result) }join&a…
阅读更多...
[flask 优化] 由flask-bootstrap,flask-moment引起的访问速度慢的原因及解决办法

[flask 优化] 由flask-bootstrap,flask-moment引起的访问速度慢的原因及解决办法

一周时间快速阅读了400页的《javascript基础教程》&#xff0c;理解了主要概念。解决了一个很久之前的疑问。 我的网站是使用flask框架搭建的&#xff0c;介绍flask web的一本著名的书&#xff08;之前提到过&#xff09;作者搭建个人博客时&#xff0c;向读者推荐了flask-boot…
阅读更多...
Go_关键字、编译、转义字符

Go_关键字、编译、转义字符

关键字&#xff1a; 关键字是指被go语言赋予了特殊含义的单词&#xff0c;共25个&#xff0c;关键字不能用于自定义名字&#xff0c;只能在特定语法结构中使用。 breakdefaultfuncinterfaceselectcasedefergomapstructchanelsegotopackageswitchconstfallthroughifrangetypec…
阅读更多...
并发编程概念、程序线程进程、线程同步、互斥量、读写锁、协程并发

并发编程概念、程序线程进程、线程同步、互斥量、读写锁、协程并发

多线程&#xff1a; 多线程就是同时执行多个应用程序&#xff0c;需要硬件的支持同时执行&#xff1a;不是某个时间段同时&#xff0c;cpu切换的比较快&#xff0c;所有用户会感觉是在同时运行 并发与并行&#xff1a; 并行(parallel)&#xff1a;指在同一时刻&#xff0c;有多…
阅读更多...
第4阶段——制作根文件系统之分析init_post()如何启动第1个程序(1)

第4阶段——制作根文件系统之分析init_post()如何启动第1个程序(1)

本章学习如何启动第一个应用程序 1.在前面的分析中我们了解到&#xff0c;在init进程中内核挂接到根文件系统之后&#xff0c;会开始启动第一个应用程序: kernel_init函数代码如下: static int __init kernel_init(void * unused) //进入init进程 …
阅读更多...
Golang并发——并发技术Goroutine和channel的使用、定时器、生产者消费者、条件变量、select

Golang并发——并发技术Goroutine和channel的使用、定时器、生产者消费者、条件变量、select

Goroutine: goroutine是Go并行设计的核心。goroutine说到底其实就是协程&#xff0c;它比线程更小&#xff0c;十几个goroutine可能体现在底层就是五六个线程&#xff0c;Go语言内部帮你实现了这些goroutine之间的内存共享。执行goroutine只需极少的栈内存(大概是4~5KB)&#x…
阅读更多...
Oozie协作框架

Oozie协作框架

Oozie协作框架 一&#xff1a;概述 1.大数据协作框架 2.Hadoop的任务调度 3.Oozie的三大功能 Oozie Workflow jobs Oozie Coordinator jobs Oozie Bundle 4.Oozie的架构 控制流节点 起始&#xff0c;分支&#xff0c;并发&#xff0c;汇合&#xff0c;结束 动作节点action 5.O…
阅读更多...
11.4 专利法与反不正当竞争法解读

11.4 专利法与反不正当竞争法解读

第六条是对于职务作品的一个定性.它这个职务作品、职务发明创造和我们前面著作法所讲到的职务作品的处理方式基本一致.就是如果认定某一个作品它是属于职务作品、职务发明创造,那么这一个作品它的专利权应该是属于单位而不是个人.只有认定这个创造为非职务发明创造的时候,申请的…
阅读更多...
一文入门网络编程：常见协议、通信过程、Socket、CS/BS、TCP/UDP

一文入门网络编程：常见协议、通信过程、Socket、CS/BS、TCP/UDP

网络编程三要素&#xff1a;ip地址、端口、协议&#xff0c;在网络通信协议下&#xff0c;不同计算机上运行的程序&#xff0c;可以进行数据传输 常见协议&#xff1a; 传输层 常见协议有TCP/UDP协议。应用层 常见的协议有HTTP协议&#xff0c;FTP协议。网络层 常见协议有IP协议…
阅读更多...
【Linux笔记(000) 】-- 系统启动过程

【Linux笔记(000) 】-- 系统启动过程

索引&#xff1a; 目录索引 一. 启动流程 BIOS --> MBR(Boot Code) --> 引导程序(GRUB) --> 加载内核 --> 执行Init --> runlevel 二. 内容详解 BIOS: Basic Input Output System , 基本输入输出系统 ,负责检查硬件,查找启动设备, 可启动设备在BIOS中定义。…
阅读更多...
Golang——TCP、UDP实现并发（服务端与客户端）

Golang——TCP、UDP实现并发（服务端与客户端）

Server端常用函数、接口&#xff1a; Listen函数&#xff1a;func Listen(network, address string) (Listener, error)network&#xff1a;选用的协议&#xff1a;TCP、UDP&#xff0c; 如&#xff1a;“tcp”或 “udp”address&#xff1a;IP地址端口号, 如&#xff1a;…
阅读更多...
java中 将字符串时间 '2015-9-8 17:05:06' 转化为格式 '2015-09-08 17:05:06'

java中 将字符串时间 '2015-9-8 17:05:06' 转化为格式 '2015-09-08 17:05:06'

/** * 将字符串时间2015-9-8 17:05:06转化为格式2015-09-08 17:05:06 */import java.text.SimpleDateFormat; public class TestDate{ public static void main(String[] args) throws Exception{ String time "2015-9-8 17:05:06";//注意&#xff1a;时分秒必须都…
阅读更多...
详解TCP协议三次握手四次挥手

详解TCP协议三次握手四次挥手

三次握手&#xff1a; 三次握手表示建立通信阶段&#xff0c;在TCP协议中&#xff0c;在发送数据的准备阶段&#xff0c;客户端与服务器之间的三次交互&#xff0c;以保证连接的可靠&#xff0c;由于这种面向连接的特性&#xff0c; TCP协议可以保证传输数据的安全&#xff0c;…
阅读更多...
Golang——实现文件传输

Golang——实现文件传输

借助TCP完成文件的传输&#xff0c;基本思路如下&#xff1a; 发送方&#xff08;客户端&#xff09;向服务端发送文件名&#xff0c;服务端保存该文件名。接收方&#xff08;服务端&#xff09;向客户端返回一个消息ok&#xff0c;确认文件名保存成功。发送方&#xff08;客户…
阅读更多...
Golang——HTTP编程请求和响应实现

Golang——HTTP编程请求和响应实现

请求&#xff1a; HTTP 请求报文由请求行、请求头部、空行、请求包体4个部分组成&#xff0c;如下图所示&#xff1a; 请求行&#xff1a; 请求行由方法字段、URL 字段 和HTTP 协议版本字段 3个部分组成&#xff0c;他们之间使用空格隔开。常用的 HTTP 请求方法有 GET、POST。…
阅读更多...
zabbix v3.0安装部署【转】

zabbix v3.0安装部署【转】

关于zabbix及相关服务软件版本&#xff1a; Linux&#xff1a;oracle linux 6.5 nginx&#xff1a;1.9.15 MySQL&#xff1a;5.5.49 PHP&#xff1a;5.5.35 一、安装nginx&#xff1a; 安装依赖包&#xff1a; yum -y install gcc gcc-c autoconf automake zlib zlib-devel ope…
阅读更多...
WeChatTweak-微信小助手安装教程

WeChatTweak-微信小助手安装教程

github下载&#xff1a;https://github.com/Sunnyyoung/WeChatTweak-macOS CSDN下载&#xff1a;https://download.csdn.net/download/weixin_45477086/83895866 双击解压下载的WeChatTweak-macOS-***.zip在终端输入cd ,并敲一个空格&#xff0c;然后把解压的文件夹拖到终端 …
阅读更多...
nodejs开发工具

nodejs开发工具

我选择的是Hbuilder作为node项目的开发工具。先在Hbuilder 里面安装nodeEclipse插件&#xff0c;然后重启工具。点击添加项目&#xff0c;选择其他选项&#xff0c;出现下图选项&#xff0c;然后选择圈住的选项点击下一步:3. 如果不使用缺省位置&#xff0c;那么你的路径一定要…
阅读更多...
排序之外部排序

排序之外部排序

有时&#xff0c;待排序的文件很大&#xff0c;计算机内存不能容纳整个文件&#xff0c;这时候对文件就不能使用内部排序了&#xff08;这里做一下说明&#xff0c;其实所有的排序都是在内存中做的&#xff0c;这里说的内部排序是指待排序的内容在内存中就可以完成&#xff0c;…
阅读更多...
Golang——Json的序列化和反序列化

Golang——Json的序列化和反序列化

JSON&#xff1a; JSON(JavaScript Object Notation)&#xff1a;是一种轻量级的数据交换格式。 它是基于 ECMAScript 规范的一个子集&#xff0c;采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023