文档章节

百度地图解析

幸福密码
 幸福密码
发布于 2015/09/18 17:01
字数 336
阅读 5
收藏 0
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>JSAPI与URLAPI结合示例</title>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=AA007d7cae2dff4aaded71b7f683f979"></script>
  <script src="http://d1.lashouimg.com/static/js/release/jquery-1.4.2.min.js" type="text/javascript"></script>
  <style type="text/css">
      html,body{
          width:400px;
          height:300px;
          margin:0;
          overflow:hidden;
      }
  </style>
  </head>
  <body>
  <div style="width:400px;height:300px;border:1px solid gray" id="container">
  </div>
  </body>
  </html>
  <script type="text/javascript">
  var map = new BMap.Map("container");
  map.centerAndZoom(new BMap.Point(116.403884,39.914887), 13);
  map.enableScrollWheelZoom();
  var marker=new BMap.Marker(new BMap.Point(116.403884,39.914887));
  map.addOverlay(marker);
  var licontent="<b>天安门</b><br>";
        licontent+="<span><strong>地址:</strong>北京市东城区天安门广场北侧</span><br>";
        licontent+="<span><strong>电话:</strong>(010)63095718,(010)63095630</span><br>";
        licontent+="<span class=\"input\"><strong></strong><input class=\"outset\" type=\"text\" name=\"origin\" value=\"北京站\"/><input class=\"outset-but\" type=\"button\" value=\"公交\" onclick=\"gotobaidu(1)\" /><input class=\"outset-but\" type=\"button\" value=\"驾车\"  onclick=\"gotobaidu(2)\"/><a class=\"gotob\" href=\"url=\"http://api.map.baidu.com/direction?destination=latlng:"+marker.getPosition().lat+","+marker.getPosition().lng+"|name:天安门"+"®ion=北京"+"&output=html\" target=\"_blank\"></a></span>";
        var hiddeninput="<input type=\"hidden\" value=\""+'北京'+"\" name=\"region\" /><input type=\"hidden\" value=\"html\" name=\"output\" /><input type=\"hidden\" value=\"driving\" name=\"mode\" /><input type=\"hidden\" value=\"latlng:"+marker.getPosition().lat+","+marker.getPosition().lng+"|name:天安门"+"\" name=\"destination\" />";
       var content1 ="<form id=\"gotobaiduform\" action=\"http://api.map.baidu.com/direction\" target=\"_blank\" method=\"get\">" + licontent +hiddeninput+"</form>"; 
        var opts1 = { width: 300 };
   
       var  infoWindow = new BMap.InfoWindow(content1, opts1);
  marker.openInfoWindow(infoWindow);
  marker.addEventListener('click',function(){ marker.openInfoWindow(infoWindow);});
 
 function gotobaidu(type)
 {
     if($.trim($("input[name=origin]").val())=="")
     {
         alert("请输入起点!");
         return;
     }else{
         if(type==1)
         {
             $("input[name=mode]").val("transit");
             $("#gotobaiduform")[0].submit();
         }else if(type==2)
         {    
             $("input[name=mode]").val("driving");        
             $("#gotobaiduform")[0].submit();
         }
     }
 }   
 </script>

本文转载自:

幸福密码
粉丝 3
博文 29
码字总数 9627
作品 0
广州
私信 提问
百度地图API地理位置和坐标转换 城市坐标

1.由地名(省份、城市、街道等)得到其对应的百度地图坐标: http://api.map.baidu.com/geocoder/v2/?output=json&ak=你从百度申请到的Key&address=北京市 其对大陆主要城市的解析很好,但是...

xiaogg
03/13
316
0
iOS开发中的火星坐标系及各种坐标系转换算法

其原理是这样的:保密局开发了一个系统,能将实际的坐标转换成虚拟的坐标。所有在中国销售的数字地图必须使用这个系统进行坐标转换之后方可上市。这是生产环节,这种电子地图被称为火星地图。...

刀客445
2016/02/23
1K
1
JS: 百度地图与腾讯/高德地图经纬度转换

前言 在开发中使用了第三方的数据,由于经纬度使用的是第三方的数组,他们使用的是百度的地图坐标。在项目中使用时,能用百度地图去解析自然是最好的,但是呢,该项目是基于微信小程序的,百...

glen_xu
03/12
485
0
去百度API的百度地图准确叠加和坐标转换的解决方案研究

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/。 1.背景 目前项目上如果要使用百度地图,得加载百度的开发包,然后通过百度提供的接口来...

李晓晖
2015/02/07
0
0
Hello Apollo - 自动驾驶公开课

活动主题:解析Apollo 1.5背后的“核”能力 活动摘要:9月20日,有着“汽车界安卓”之称的百度Apollo自动驾驶平台进行了新一轮的升级开放。更新迭代后的Apollo 1.5自动驾驶平台,为开发者提供...

tt0820
2017/10/18
44
0

没有更多内容

加载失败,请刷新页面

加载更多

协议栈

一、关键技术点分析 不同服务在性能上适用不同协议进行传输,如对接异构第三方服务时,通常选择HTTP/Restful等公有协议;而对于内部不同模块之间的服务调用,一般选择性能较高的二进制私有协...

edwardGe
14分钟前
3
0
新建时隐藏按钮,显示明细时显示

在InitControl()中 if (saTableKeys != null) { rpgDesign.Visible = true; rpgPrint.Visible = true; }......

_Somuns
48分钟前
7
0
【实战演练,拒绝996】-SpringBoot2.x自定义Spring boot Starter

欢迎关注 提升能力,涨薪可待 面试知识,工作可待 实战演练,拒绝996 如果此文对你有帮助、喜欢的话,那就点个赞呗! 前言 是不是感觉在工作上难于晋升了呢? 是不是感觉找工作面试是那么难呢...

ccww_
50分钟前
11
0
SpringBoot从入门到放弃,原理篇-自动配置原理

SpringBoot从入门到放弃,原理篇-自动配置原理 springboot自动配置原理 配置文件能配置的属性参照 自动配置原理 1、springboot启动的时候加载主配置类,开启了自动配置功能@EnableAutoConfig...

有一个小阿飞
今天
13
0
php变量和数据类型

php中的变量 PHP中的变量声明 PHP中的变量的使用 PHP中的数据类型之整型 PHP数据类型之浮点类型和布尔类型 PHP数据类型之字符串类型 PHP数据类型之heredoc和nowdoc的使用 PHP数据类型之复合类...

达达前端小酒馆
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部