81,092
社区成员
发帖
与我相关
我的任务
分享求解，为何我这个小东西，没有办法把地图展示出来。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<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,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1q1ZHq9D8u5x0N45xURs8Wmg"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
if (navigator.geolocation) {
alert( ' 你的浏览器支持 geolocation ' );
}else{
alert( ' 你的浏览器不支持 geolocation ' ) ;
}
navigator.geolocation.getCurrentPosition(getPosition);
function getPosition(position){
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var point = new BMap.Point(longitude,latitude);
var map = new BMap.Map("allmap"); // 创建地图实例
map.centerAndZoom(point, 15);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);
}
</script>
<title>无</title>
</head>
<body>
<div data-role="page" id="a1">
<div data-role="navbar">
<ul>
<li><a href="#" class="ui-btn-active">地图</a></li>
<li><a href="#a2">周边</a> </li>
</ul>
</div>
<div data-role="content">
<form >
<table align="center">
<tr>
<td><input type="text" ></td>
<td><input type="button" value="搜索"></td>
</tr>
</table>
</form>
<div id="allmap" style="margin:30% o o o"></div>
</div>
</div>
<div data-role="page" id="a2">
<div data-role="navbar">
<ul>
<li><a href="#a1" >地图</a></li>
<li><a href="#" class="ui-btn-active">周边</a> </li>
</ul>
</div>
<div data-role="content">
<p>周边</p>
</div>
</div>
</body>
</html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<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,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1q1ZHq9D8u5x0N45xURs8Wmg"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
if (navigator.geolocation) {
alert( ' 你的浏览器支持 geolocation ' );
}else{
alert( ' 你的浏览器不支持 geolocation ' ) ;
}
navigator.geolocation.getCurrentPosition(getPosition);
function getPosition(position){
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var point = new BMap.Point(longitude,latitude);
var map = new BMap.Map("allmap"); // 创建地图实例
map.centerAndZoom(point, 15);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);
}
</script>
<title>无</title>
</head>
<body>
<div data-role="page" id="a1">
<div data-role="navbar">
<ul>
<li><a href="#" class="ui-btn-active">地图</a></li>
<li><a href="#a2">周边</a> </li>
</ul>
</div>
<div data-role="content">
<form >
<table align="center">
<tr>
<td><input type="text" ></td>
<td><input type="button" value="搜索"></td>
</tr>
</table>
</form>
<div id="allmap" style="margin:30% o o o"></div>
</div>
</div>
<div data-role="page" id="a2">
<div data-role="navbar">
<ul>
<li><a href="#a1" >地图</a></li>
<li><a href="#" class="ui-btn-active">周边</a> </li>
</ul>
</div>
<div data-role="content">
<p>周边</p>
</div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
zr6327575622 2014-04-11
- 打赏
- 举报
这个在我不嵌套进jq里面去的时候是可以在IE上面正常运行的，可以把地图展示出来。不过chrome 和sogou 遨游都没反应
[/quote]找到原因了，body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;} 这个地方错了，页面不是铺满的，#allmap去掉就可以了。
zr6327575622 2014-04-09
- 打赏
- 举报
这个在我不嵌套进jq里面去的时候是可以在IE上面正常运行的，可以把地图展示出来。不过chrome 和sogou 遨游都没反应
zr6327575622 2014-04-09
- 打赏
- 举报
最近接触的东西比较多，什么都接触过- - 头疼中。
tan921112 2014-04-09
- 打赏
- 举报
function errorFunction(error) {
alert(error.message + " ");
}
navigator.geolocation.getCurrentPosition(getPosition,errorFunction);
方法报错了！！！
你可以再调试下，你是做phonegap开发么
zr6327575622 2014-04-08
- 打赏
- 举报
哈哈哈哈哈哈哈哈哈哈...................
小灯光环 2014-04-08
- 打赏
- 举报
对了，没联网怎么上的CSDN，当我没说。小灯光环 2014-04-08
- 打赏
- 举报
你导的都是在线库，你联网了么
