一共有多少个java调用百度地图api的网站

来源：蜘蛛抓取(WebSpider) 时间：2016-12-02 03:54 标签： java调用百度地图api
在网页中插入百度地图的步骤详解
作者：Pavilion
字体：[ ] 类型：转载 时间：
在企业网站中常会看到企业地址会显示在地图上，那么，如何实现这种功能呢？本篇文章就主要介绍在网页中插入百度地图的步骤，下面就随小编一起来看看吧
第一步：进入百度创建地图的网站，搜索出自己要展示的位置，如下图所示。
第二步：设置地图，大家可以对网站显示地图的宽高进行设置，其余选项不动。
第三步：添加标注。点击第一个图标后，在右侧找到自己的位置，单击鼠标左键可定位。标记图标处可更换图标形状，名称和备注填入位置相关信息。
第四步：获取代码。将代码贴到你的网页里
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&
&meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" /&
&meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" /&
&title&百度地图API自定义地图&/title&
&!--引用百度地图API--&
&style type="text/css"&
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14font-weight:overflow:padding-right:13white-space:nowrap}
.iw_poi_content {font:12px arial,sans-overflow:padding-top:4white-space:-moz-pre-word-wrap:break-word}
&script type="text/javascript" src="http://api./api?key=&v=1.1&services=true"&&/script&
&!--百度地图容器--&
&div style="width:697height:550border:#ccc solid 1" id="dituContent"&&/div&
&script type="text/javascript"&
//创建和初始化地图函数：
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
addMarker();//向地图中添加marker
//创建地图函数：
function createMap(){
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
var point = new BMap.Point(118..981589);//定义一个中心点坐标
map.centerAndZoom(point,16);//设定地图的中心点和坐标并将地图显示在地图容器中
window.map =//将map变量存储在全局
//地图事件设置函数：
function setMapEvent(){
map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
map.enableKeyboard();//启用键盘上下左右键移动地图
//地图控件添加函数：
function addMapControl(){
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
//标注点数组
var markerArr = [{title:"大数据",content:"我的备注",point:"118..978442",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
//创建marker
function addMarker(){
for(var i=0;i&markerArr.i++){
var json = markerArr[i];
var p0 = json.point.split("|")[0];
var p1 = json.point.split("|")[1];
var point = new BMap.Point(p0,p1);
var iconImg = createIcon(json.icon);
var marker = new BMap.Marker(point,{icon:iconImg});
var iw = createInfoWindow(i);
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
marker.setLabel(label);
map.addOverlay(marker);
label.setStyle({
borderColor:"#808080",
color:"#333",
cursor:"pointer"
(function(){
var index =
var _iw = createInfoWindow(i);
var _marker =
_marker.addEventListener("click",function(){
this.openInfoWindow(_iw);
_iw.addEventListener("open",function(){
_marker.getLabel().hide();
_iw.addEventListener("close",function(){
_marker.getLabel().show();
label.addEventListener("click",function(){
_marker.openInfoWindow(_iw);
if(!!json.isOpen){
label.hide();
_marker.openInfoWindow(_iw);
//创建InfoWindow
function createInfoWindow(i){
var json = markerArr[i];
var iw = Window("&b class='iw_poi_title' title='" + json.title + "'&" + json.title + "&/b&&div class='iw_poi_content'&"+json.content+"&/div&");
//创建一个Icon
function createIcon(json){
var icon = new BMap.Icon("/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
initMap();//创建和初始化地图
以上就是本文的全部内容，希望对大家有所帮助，谢谢对脚本之家的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具HTML5 调用百度地图API地理定位_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
HTML5 调用百度地图API地理定位
上传于||文档简介
&&H​T​M​L ​调​用​百​度​地​图​A​P​I​地​理​定​位
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢带有标注的地图怎么调用到自己的网站上？_百度地图api吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：5,378贴子：
带有标注的地图怎么调用到自己的网站上？收藏
现在用使用的创建地图，然后调用，我想直接调用百度地图搜出来的公司信息，这样就有公车搜索这类的信息，用户体验比较好，而且地图上的图标也比较好看，请问如何调用？ 如下图！
找年会酒店上会小二,30分钟提供3-6套年会场地方案,免服务费,省钱30%-50%!
LocalSearch 百度提供的搜索类，具体用法去参考下百度api 服务类，好像也是有示例的
原来的地址 已经失效，求最新地址或者方法
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或

我要回帖

更多关于 java调用百度地图api 的文章

 

随机推荐