1. <!doctype html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  8.     <title>地理编码</title>
  9.     <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
  10.     <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=25570139c46c9bc652ded0d3be576696&plugin=AMap.Geocoder"></script>
  11.     <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
  12. </head>
  13.  
  14. <body onload="geocoder()">
  15.     <div id="container"></div>
  16.     <div id="tip">
  17.  
  18.         <span id="result"></span>
  19.     </div>
  20.     <script type="text/javascript">
  21.         var map = new AMap.Map("container", {
  22.             resizeEnable: true
  23.         });
  24.  
  25.         function geocoder() {
  26.             var geocoder = new AMap.Geocoder({
  27.                 city: "", //城市，默认：“全国”
  28.                 radius:  //范围，默认：500
  29.             });
  30.             //地理编码,返回地理编码结果
  31.             geocoder.getLocation("北京市海淀区苏州街", function (status, result) {
  32.                 if (status === 'complete' && result.info === 'OK') {
  33.                     var start = geocoder_CallBack(result);
  34.                     window.sessionStorage.setItem('start', JSON.stringify(start));
  35.  
  36.                 }
  37.             });
  38.             geocoder.getLocation("深圳大学", function (status, result) {
  39.                 if (status === 'complete' && result.info === 'OK') {
  40.                     var end = geocoder_CallBack(result);
  41.                     var start = JSON.parse(window.sessionStorage.getItem('start'));
  42.                     var locMsg = {
  43.                         startLng: start.lng,
  44.                         startLat: start.lat,
  45.                         endLng: end.lng,
  46.                         endLat: end.lat,
  47.                         startLoc: start.adr,
  48.                         endLoc: end.adr
  49.                     };
  50.                     window.sessionStorage.setItem('locMsg', JSON.stringify(locMsg));
  51.                     console.log(window.sessionStorage.getItem('locMsg'));
  52.                 }
  53.             });
  54.         }
  55.         //地理编码返回结果展示
  56.         function geocoder_CallBack(data) {
  57.             //地理编码结果数组
  58.             var geocode = data.geocodes;
  59.             var obj = {
  60.                 lng: geocode[].location.lng,
  61.                 lat: geocode[].location.lat,
  62.                 adr: geocode[].formattedAddress
  63.             }
  64.             return obj;
  65.         }
  66.  
  67.     </script>
  68. </body>
  69.  
  70. </html>

高德地图将字符串地址转为经纬度的一个demo的更多相关文章

  1. 高德地图api实现地址和经纬度的转换(python)

    利用高德地图web服务api实现地理/逆地址编码 api使用具体方法请查看官方文档 文档网址:http://lbs.amap.com/api/webservice/guide/api/georegeo ...

  2. 基于vue 2.X和高德地图的vue-amap组件获取经纬度

    今天我就讲了一下怎么通过vue和高德地图开发的vue-amap组件来获取经纬度. 这是vue-amap的官网文档:https://elemefe.github.io/vue-amap/#/ 这是我的码 ...

  3. 百度地图API 根据地址查询经纬度

    html页面.引用上API: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> ...

  4. 基于Android的百度地图实现输入地址返回经纬度信息

    1 解决方案一 此处解决办法参照自网友文章,对于输入的地址信息要求:城市名+具体地址名. 如果输入的地址信息只有具体地址名,而没有城市名,可能解析不出经纬度信息.还有就是解析出的经纬度再反向解析显示再 ...

  5. 百度地图api根据地址获取经纬度

    package com.haiyisoft.cAssistant;import java.io.BufferedReader;import java.io.IOException; import ja ...

  6. 利用百度地图API根据地址查询经纬度

    传上来只是为了记录下三种jsonp方式,$.get(url, callback)方式不行,会出错 -- 必须指明返回类型为”json”才行. 或者使用$.getJSON()或者$.ajax({}). ...

  7. 利用百度地图API实现地址和经纬度互换查询

    import json import requests def baiduMap(input_para): headers = { 'User-Agent': 'Mozilla/5.0 (Window ...

  8. 高德地图 API 计算两个城市之间的距离

    1. 目前在项目中,遇到一个需求不会做,就是要计算两个城市之间的距离,而这两个城市的输入是可变的,如果要使用数据库来先存储两地之间的距离,调用的时候再来调用,那么存数据的时候,要哭的,因为光是省级区域 ...

  9. iOS高德地图使用-搜索，路径规划

    项目中想加入地图功能,使用高德地图第三方,想要实现确定一个位置,搜索路线并且显示的方法.耗了一番功夫,总算实现了. 效果 WeChat_1462507820.jpeg 一.配置工作 1.申请key 访 ...

随机推荐

  1. bzoj3612 [Heoi2014]平衡——整数划分

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=3612 看了好久才弄清楚题意... 原来整数划分就是这样的啊:https://blog.csd ...

  2. Gamma的完全理解

    Gamma校正 问题:什么是Gamma曲线矫正?Gamma曲线矫正是什么意思?       Gamma曲线是一种特殊的色调曲线,当Gamma值等于1的时候,曲线为与坐标轴成45°的直线,这个时候表示输 ...

  3. Vue.js 项目接口管理

    在vue开发中,会涉及到很多接口的处理,当项目足够大时,就需要定义规范统一的接口,如何定义呢? 本文使用vue-cli生成的项目举例. 第一步.在src目录下新建一个文件夹http,在http目录下建 ...

  4. nodejs常用命令

    npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准.有了npm,可以很快的找到特定服务要使用的包,进行下载.安装以及管理已经安装的包. 1.npm install m ...

  5. git回到没push的commit

    创建: 2017/10/28   merge master以后数据库出了问题,改好以后发现view有点问题,commit以后没提交就reset了.过后才想起来怎么回去???吓成狗,索性找到了下面这个. ...

  6. poj 2409 Let it Bead【polya定理+burnside引理】

    两种置换 旋转:有n种,分别是旋转1个2个--n个,旋转i的循环节数位gcd(i,n) 翻转:分奇偶,对于奇数个,只有一个珠子对一条边的中点,循环节数为n/2+1:对于偶数个,有珠子对珠子和边对边,循 ...

  7. bzoj 1572: [Usaco2009 Open]工作安排Job【贪心+堆】

    先按照时间顺序加,价值塞进小根堆里,碰到不合法情况就从堆里减去 #include<iostream> #include<cstdio> #include<queue> ...

  8. 03—AOP基本配置

  9. 403 Frog Jump 青蛙过河

    一只青蛙想要过河. 假定河流被等分为 x 个单元格,并且在每一个单元格内都有可能放有一石子(也有可能没有). 青蛙可以跳上石头,但是不可以跳入水中.给定石子的位置列表(用单元格序号升序表示), 请判定 ...

  10. WordPress个性页面制作教程

    写在前面的话: 有很多WordPress小伙伴想制作不同风格的页面来满足自己的个性需求 但是大多数模板提供的页面模板非常有限,该如何手动制作属于自己风格的模板页呢? 其实,正如以上所说的,每个人都想拥 ...