HTML百度地图实例：google地图坐标和百度地图的相互转化

水深无声 2022-06-02 01:20 308阅读 0赞

<html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    	<style type="text/css">
    		body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
    		#allmap{height:500px;width:100%;}
    		#r-result{width:100%; font-size:14px;}
    	</style>
    	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
    	<title>城市名定位</title>
    </head>
    <body>
    	<div id="allmap"></div>
    	<div id="r-result">
    		经度: <input id="longitude" type="text" style="width:100px; margin-right:10px;" />
    		纬度: <input id="latitude" type="text" style="width:100px; margin-right:10px;" />
    		<input type="button" value="查询" οnclick="theLocation()" />
    	</div>
    </body>
    </html>
    <script type="text/javascript">
    	// 百度地图API功能
    	var map = new BMap.Map("allmap");
    	map.centerAndZoom(new BMap.Point(116.331398,39.897445),11);
    	map.enableScrollWheelZoom(true);
    	// 用经纬度设置地图中心点
    	function theLocation(){
    		if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
    			map.clearOverlays(); 
    			var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
    			var marker = new BMap.Marker(new_point);  // 创建标注
    			map.addOverlay(marker);              // 将标注添加到地图中
    			map.panTo(new_point);      
    		}
    	}
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，308人围观）

还没有评论，来说两句吧...

相关阅读

相关 gps转百度地图坐标 java_gps数据转百度地图坐标

昨天大叔问我一个关于gps的问题，一开始我是懵逼的，因为之前我从来没有接触过这玩意儿。稍微查了一下，gps协议包含了$开头和<>结尾，但这并不是重点。大叔告诉我说他们采集了一些

怼烎@/ 2022年11月10日 01:17/ 0 赞/ 320 阅读

相关百度地图

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&services=true"></

电玩女神/ 2022年10月01日 03:58/ 0 赞/ 375 阅读

相关百度地图坐标、Google坐标、腾讯坐标相互转化

<?php //中国正常GCJ02坐标---->百度地图BD09坐标 function Convert_GCJ02_To_BD09($lat,$lng)

淡淡的烟草味﹌/ 2022年08月31日 15:28/ 0 赞/ 369 阅读

相关百度地图

百度地图Demo 详情请看 [http://lbsyun.baidu.com/index.php?title=jspopular/guide/introduction

太过爱你忘了你带给我的痛/ 2022年07月13日 10:59/ 0 赞/ 492 阅读

相关百度地图API详解之地图坐标系统

博客原文地址：[http://www.jiazhengblog.com/blog/2011/07/02/289/][http_www.jiazhengblog.com_blog

系统管理员/ 2022年06月09日 02:07/ 0 赞/ 498 阅读

相关腾讯地图转换成百度地图坐标

/ 坐标转换，腾讯地图转换成百度地图坐标 @param lat 腾讯纬度 @param lon 腾讯经度 @return 返回结果：经度,纬度 /

古城微笑少年丶/ 2022年06月08日 21:18/ 0 赞/ 636 阅读

相关百度地图

PC端定位不准确主要应用到移动端第一、申请百度密钥很简单的几步就搞定第二、引入文件 html 代码效果预览 1 2 3 4 5

朱雀/ 2022年06月05日 04:42/ 0 赞/ 446 阅读

相关 HTML百度地图实例：google地图坐标和百度地图的相互转化

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=u

水深无声/ 2022年06月02日 01:20/ 0 赞/ 309 阅读

相关百度地图

$(function(){ var BMapInit=function(){ var map =

曾经终败给现在/ 2022年05月23日 09:57/ 0 赞/ 412 阅读

相关百度地图API 加载百度地图

前言百度地图在日常生活中应用的越来越多，功能也日渐丰富，我们可以使用ArcGIS JS API加载在线百度地图（[https://blog.csdn.net/i

布满荆棘的人生/ 2021年09月15日 02:50/ 0 赞/ 791 阅读