只需一步, 快速开始
只需一步，快速开始
后使用快捷导航没有帐号？
查看: 48462|回复: 6
积分帖子贡献
高级会员, 积分 781, 距离下一级还需 219 积分
高级会员, 积分 781, 距离下一级还需 219 积分
java调用百度地图：
&%@ page contentType=&text/ charset=gb2312&%&
&!DOCTYPE html&
&html&
& & & & &head&
& & & & & & & & &title&百度地图javascript&/title&
& & & & & & & & &script type=&text/javascript&&
function initialize() {
& & & & var mp = new BMap.Map('map');
& & & & mp.centerAndZoom(new BMap.Point(121.6), 15);
}
function loadScript() {
& & & & var script = document.createElement(&script&);
& & & & script.src = &http://api.map.baidu.com/api?v=1.4&callback=initialize&;
& & & & document.body.appendChild(script);
}
window.onload = loadS
&/script&
& & & & &/head&
& & & & &body&
& & & & & & & & &div id=&map& style=&width: 1500 height: 1000px&&&/div&
& & & & &/body&
&/html&
复制代码效果图
2.JPG (451.7 KB, 下载次数: 4)
11:19 上传
java调用google地图:
&%@ page contentType=&text/ charset=gb2312&%&
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Strict//EN&& & &http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&
& & & & xmlns:v=&urn:schemas-microsoft-com:vml&&
& & & & &head&
& & & & & & & & &meta http-equiv=&content-type& content=&text/ charset=gb2312& /&
& & & & & & & & &title&谷歌地图javascript&/title&
& & & & & & & & &script
& & & & & & & & & & & & src=&http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAmZzPqf2aW-7Si6ot-HY9-hRhm3yhlCBaxy4FA8xZJReMAoDMwhQtB3B5zaWqCOSd_tjuCOoj9SsVZw&
& & & & & & & & & & & & type=&text/javascript&&
&/script&
& & & & & & & & &script type=&text/javascript&&
function initialize() {
& & & & if (GBrowserIsCompatible()) {
& & & & & & & & var map = new GMap2(document.getElementById(&map_canvas&));
& & & & & & & & map.setCenter(new GLatLng(31.34), 14);
& & & & }
}
&/script&
& & & & &/head&
& & & & &body onload=&initialize()& onunload=&GUnload()& &
& & & & & & & & &div id=&map_canvas& style=&width: 1500 height: 1000px&&
& & & & & & & & &/div&
& & & & &/body&
&/html&
复制代码效果图
3.jpg (420.29 KB, 下载次数: 5)
11:22 上传
积分帖子贡献
论坛元老, 积分 6482, 距离下一级还需 9993517 积分
论坛元老, 积分 6482, 距离下一级还需 9993517 积分
专业抢沙发的！哈哈
积分帖子贡献
论坛元老, 积分 6023, 距离下一级还需 9993976 积分
论坛元老, 积分 6023, 距离下一级还需 9993976 积分
围观 围观 沙发在哪里！！！
积分帖子贡献
论坛元老, 积分 5984, 距离下一级还需 9994015 积分
论坛元老, 积分 5984, 距离下一级还需 9994015 积分
高手云集 果断围观
积分帖子贡献
论坛元老, 积分 5926, 距离下一级还需 9994073 积分
论坛元老, 积分 5926, 距离下一级还需 9994073 积分
有空一起交流一下
积分帖子贡献
论坛元老, 积分 7745, 距离下一级还需 9992254 积分
论坛元老, 积分 7745, 距离下一级还需 9992254 积分
路过 帮顶 嘿嘿
积分帖子贡献
论坛元老, 积分 6459, 距离下一级还需 9993540 积分
论坛元老, 积分 6459, 距离下一级还需 9993540 积分
报告！别开枪，我就是路过来看看的。。。
社区QQ达人
使用QQ帐号登录论坛的用户
注册账号后积极发帖的会员
经常参与各类话题的讨论，发帖内容较有主见
经常帮助其他会员答疑
积极宣传本站，为本站带来更多注册会员
积极宣传本站，为本站带来更多的用户访问量
为论坛做出突出贡献的会员
经常在论坛发帖，且发帖量较大
长期对论坛的繁荣而不断努力，或多次提出建设性意见
更多免费资源尽在公众号分享
Powered by帮助广大开发者更好解决 “你在哪里” 这个难题；
支持GPS、WiFi、基站融合定位；
完美支持各类应用开发者对位置获取的诉求；
帮助用户轻松实现全平台地图展示；
支持3D高清地图、全景图、实时路况图、静态图；
自定义个性化地图样式，打造专属地图；
为开发者提供基于实时路况的路线规划和导航服务；
支持驾车、公交、骑行（含电动车）、步行多种智能出行方式；
满足各类应用开发者对于出行路线的个性化诉求；
为每一位开发者提供1000万以上终端的全球轨迹追踪能力；
专业轨迹纠偏绑路算法解决轨迹漂移、里程计算不准困扰；
深度轨迹分析能力挖掘轨迹价值；
输出百度海量地理数据；
提供位置描述、地点检索、地址解析、推荐上车点等数据服务；
百度&用户私有地理数据融合，满足个性化数据使用需求分析；
提供人口分布、客流分析、设施分布等多项大数据分析服务；
拥有强大的数据挖掘、可视化展现技术；
面向规划、房产、商业、零售等多行业提供完善解决方案；
日均位置服务请求
开发者市场份额占有
每日服务活跃应用及网站
地图开发者共同选择
注册成为开发者，申请相应的服务11:18 提问
java实现在web浏览器上面 查看百度地图位置
我现在要用java实现一个这样的功能，需求是这样的。比如从上海到北京，我得到两个地址之后生成一条路出来，而我开车过去要经过这条路，类似GPS导航一样的，我设置的是从上海到北京，然后开车走这条路上，每两个小时返回一个地址，然后我可以到到返回的这个地址是在我预先得到的路线的某个地点，
类似附件的那张图片。我在地图上生成了一个线路图，从上海到北京的，十点的时候我返回了一个地址给服务端，十二点的时候我又返回了一个地址。。。。。依次类推、、、、、请问下这个地址怎么获得呢？用的是百度地图的API.我可以在网页上面查询到某个时候这台车到了哪个地方。请问这个怎么弄？
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐自定义地图代码
地图生成工具基于百度地图JS api v2.0版本开发，为了正常使用百度地图API服务，请在此段代码中加入您的密匙。
第一步 创建地图
当前城市：
当前地图中心点经纬度：
116.403874
当前地图级别：
&2. 设置地图
宽度： 像素
高度： 像素
地图缩略图
地图比例尺
鼠标滚轮缩放
键盘方向移动
鼠标拖动地图
鼠标双击放大
&3. 添加标注
最多只能添加10个标记
最多只能添加10个文字标注
最多只能添加10个线标注
第二步 获取代码
更多高级功能
通过示例的方式为查找并为您的地图添加更多的功能和控件
通过代码的方式为查找您需要的功能和地图控件
&2018 Baiduposts - 321,&
comments - 74,&
trackbacks - 0
第一种 &百度
直接上代码：
&!DOCTYPE&
&meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&
&meta http-equiv="Content-Type" content="text/ charset=gbk" /&
&title&百度地图&/title&
&style type="text/css"&
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
&script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"&&/script&
&input type="text" id="cityName" value="福州"/&
&input type="button" onclick="setCity()" value="查找" /&
&div id="container" style="width:1024height:600"&&/div&
&script type="text/javascript"&
var map = new BMap.Map("container");
//在container容器中创建一个地图,参数container为div的id属性;
var point = new BMap.Point(<span style="background-color: #f5f5f5; color: #0.2,<span style="background-color: #f5f5f5; color: #.25);
//创建点坐标
map.centerAndZoom(point, <span style="background-color: #f5f5f5; color: #);
//初始化地图，设置中心点坐标和地图级别
map.enableScrollWheelZoom();
//激活滚轮调整大小功能
map.addControl(new BMap.NavigationControl());
//添加控件：缩放地图的控件，默认在左上角；
map.addControl(new BMap.MapTypeControl());
//添加控件：地图类型控件，默认在右上方；
map.addControl(new BMap.ScaleControl());
//添加控件：地图显示比例的控件，默认在左下方；
map.addControl(new BMap.OverviewMapControl());
//添加控件：地图的缩略图的控件，默认在右下方； TrafficControl
var search = new BMap.LocalSearch("中国", {
onSearchComplete: function(result){
if (search.getStatus() == BMAP_STATUS_SUCCESS){
var res = result.getPoi(<span style="background-color: #f5f5f5; color: #);
var point = res.
map.centerAndZoom(point, <span style="background-color: #f5f5f5; color: #);
},renderOptions: {
//结果呈现设置，
autoViewport: true,
selectFirstResult: true
} ,onInfoHtmlSet:function(poi,html){//标注气泡内容创建后的回调函数，有了这个，可以简单的改一下返回的html内容了。
// alert(html.innerHTML)
}//这一段可以不要，只不过是为学习更深层次应用而加入的。
function setCity(){
search.search(document.getElementById("cityName").value);
search.search(document.getElementById("cityName").value);
第二种： &谷歌
首先引入 &&script type="text/" src="http://maps.googleapis.com/maps/api/js?sensor=false"&&/script&
代码如下 &
var myLatlng = new google.maps.LatLng(ret.attache.json.lat, ret.attache.json.lng);// 中国地图全图
var optMap =
center: myLatlng,
streetViewControl:false,
mapTypeControl: true,
mapTypeControlOptions: {
mapTypeIds: [/**google.maps.MapTypeId.SATELLITE ,google.maps.MapTypeId.HYBRID* */], // comment
position: google.maps.ControlPosition.TOP_LEFT
// navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT,
position: google.maps.ControlPosition.LEFT
//ROADMAP SATELLITE
mapTypeId: google.maps.MapTypeId.ROADMAP
map = new google.maps.Map(document.getElementById('Container'),optMap);
map.setOptions({Zoom:18,center:myLatlng});
&div id="locationDiv" &
&div id="container" style="position: width:450 height:300"&&/div&
阅读(...) 评论()