这篇文章简单的讲：直接复制文章里的“完整代码”，修改【坐标】和【公司信息】就完事了

代码

如果你用我写的代码，需要知道下面2个

百度地图生成器：http://api.map.baidu.com/lbsapi/createmap/index.html

百度地图拾取坐标系统：http://api.map.baidu.com/lbsapi/getpoint/index.html

但是，百度地图生成器里的“标注”点，是不会展开的，我们今天就是想让它展开

效果展示：

只需要关注的代码：

var cp_title=" 郑州英伦电气有限公司";
var cp_content="联系人：王伟（先生） <br/>手  机：137***367<br/> 电  话：0371-***628 <br/> Q   Q：128***498  <br/>网址：http://www.xxx.com  <br/>地  址：郑州市高新技术开发区檀香路1号";var cp_lng=113.539696;
var cp_lat=34.804373;

完整代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" /><meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" /><title>百度地图API自定义地图</title><!--引用百度地图API--><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=v3Cg0hRvbX7cuUSKG2sEklyeP8iw5eye"></script></head><body><!--百度地图容器--><div style="width:80%;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div></body><script type="text/javascript">var cp_title=" 郑州英伦电气有限公司";var cp_content="联系人：王伟（先生） <br/>手  机：137***367<br/> 电  话：0371-***628 <br/> Q   Q：128***498  <br/>网址：http://www.xxx.com  <br/>地  址：郑州市高新技术开发区檀香路1号";var cp_lng=113.539696;var cp_lat=34.804373;//创建和初始化地图函数：function initMap(){createMap();//创建地图setMapEvent();//设置地图事件addMapControl();//向地图添加控件addMapOverlay();//向地图添加覆盖物}function createMap(){ map = new BMap.Map("map"); map.centerAndZoom(new BMap.Point(cp_lng,cp_lat),19);}function setMapEvent(){map.enableScrollWheelZoom();map.enableKeyboard();map.enableDragging();map.enableDoubleClickZoom()}function addClickHandler(target,window){target.addEventListener("click",function(){target.openInfoWindow(window);});}function addMapOverlay(){var markers = [{content:cp_content,title:cp_title,imageOffset: {width:-46,height:-21},position:{lat:cp_lat,lng:cp_lng}}];for(var index = 0; index < markers.length; index++ ){var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)})});var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});var opts = {width: 200,title: markers[index].title,enableMessage: false};var infoWindow = new BMap.InfoWindow(markers[index].content,opts);// 创建信息窗口对象  marker.setLabel(label); addClickHandler(marker,infoWindow);map.addOverlay(marker);map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口};}//向地图添加控件function addMapControl(){var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});scaleControl.setUnit(BMAP_UNIT_IMPERIAL);map.addControl(scaleControl);var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});map.addControl(navControl);var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});map.addControl(overviewControl);}var map;initMap();</script>
</html>

修改代码

修改内容

  var cp_title="你要展示的标题、店名、公司名";var cp_content="联系人：XXX（先生） <br/>手  机：137****5367<br/> 电  话：0371-***28 <br/> Q   Q：128***98  <br/>网址：http://www.XXXXX.com  <br/>地  址：郑州市高新技术开发区檀香路1号";

修改坐标

第一步：打开【百度地图拾取坐标系统】：http://api.map.baidu.com/lbsapi/getpoint/index.html

第二步：找到你要展示的位置

第三步：复制坐标

第四步：修改代码

“,”逗号前面的值给变量cp_lng

“,”逗号后面的值给变量cp_lat

var cp_lng=113.539696;

var cp_lat=34.804373;

第五步：保存-完成

让百度地图生成器里的“标注”内容展开--解决方案相关推荐

百度地图生成器里的标注内容默认展开
百度地图生成器: http://api.map.baidu.com/lbsapi/createmap/index.html 百度地图拾取坐标系统: http://api.map.baidu.com/l ...
百度地图生成器添加标注不显示
最近发现百度地图生成器生成的地图中标注的图片不显示,如下图: 很明显了,就是这个图标路径(http://app.baidu.com/map/images/us_mk_icon.png)的问题在生成的 ...
百度地图删除地图上所有的标注和所有的覆盖物
//百度地图删除地图上所有的标注和所有的覆盖物 NSArray* array = [NSArrayarrayWithArray:_mapView.annotations];[_mapViewremov ...
地图标注源码 php,百度地图设置坐标，标注坐标地理位置
[实例简介]百度地图设置坐标,标注坐标地理位置 [实例截图] [核心代码]// 百度地图API功能 function creat_map(e){ map = new BMap.Map("ma ...
百度地图api 点击标注后跳转页面
百度地图api 点击标注跳转页面初始化地图 window.onload = function(){//得到所有点,包括点的id.经纬度.跳转地址链接//jd. wd.hrefgetPoints(); ...
java百度地图添加标注_调取百度地图接口，实现取自己的实时位置，然后可以在百度地图上添加信息标注...
前几天接了一个小项目,就是有关百度地图的,和我的上一篇不一样,上一篇是复制人家的源代码是把东西写死了的,这次的比较有难度,要调取他的接口,用js来实现. 下面我先说一下主要实现的功能,和要实现的页面 ...
调取百度地图接口，实现取自己的实时位置，然后可以在百度地图上添加信息标注...
前几天接了一个小项目,就是有关百度地图的,和我的上一篇不一样,上一篇是复制人家的源代码是把东西写死了的,这次的比较有难度,要调取他的接口,用js来实现. 下面我先说一下主要实现的功能,和要实现的页面 ...
百度地图API——ico图片标注的移动
查询了很多资料,也设想过很多方案(比如让之前的标注隐藏或者删除,再显示新的标注),没有一个较为合理的实现方案.经过不懈的寻找,终于找到了一种方法,成功实现了ico图片标注的平移.记录一下,后续再用到时 ...

让百度地图生成器里的“标注”内容展开--解决方案

代码