联系我们
重庆市驰诺科技有限公司
座机?/span> 400-602-1998
电话?13883667814（微信同号）
邮箱：chinuo@crty.net
QQ?03297938 2536851569
地址：重庆市巴南区智云大?580号中国云教育产业?9?单元3号楼
百度地图API自定义地?/title>
<!--引用百度地图API-->
<style type="text/css">
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="//api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<meta http-equiv="Cache-Control" content="no-transform" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>
<body>
<!--百度地图容器-->
<div style="width:697px;height:400px;border:#ccc solid 1px;" id="dituContent"></div>
<script>
(function(){
var canonicalURL, curProtocol;
//Get the <link> tag
var x=document.getElementsByTagName("link");
//Find the last canonical URL
if(x.length > 0){
for (i=0;i<x.length;i++){
if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
canonicalURL=x[i].href;
}
}
}
//Get protocol
if (!canonicalURL){
curProtocol = window.location.protocol.split(':')[0];
}
else{
curProtocol = canonicalURL.split(':')[0];
}
//Get current URL if the canonical URL does not exist
if (!canonicalURL) canonicalURL = window.location.href;
//Assign script content. Replace current URL with the canonical URL
!function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script>
</body>
<script type="text/javascript">
//创建和初始化地图函数? function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控? addMarker();//向地图中添加marker
}
//创建地图函数? function createMap(){
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地? var point = new BMap.Point(106.521481,29.517346);//定义一个中心点坐标
map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器? window.map = 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:"重庆市九龙坡区杨家坪正街斌鑫世纪城A2?,point:"106.520448|29.517174",isOpen:1,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}}
];
//创建marker
function addMarker(){
for(var i=0;i<markerArr.length;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 = i;
var _iw = createInfoWindow(i);
var _marker = 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 = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div id="kzh61owg3q" class='iw_poi_content'>"+json.content+"</div>");
return iw;
}
//创建一个Icon
function createIcon(json){
var icon = new BMap.Icon("//app.baidu.com/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)})
return icon;
}
initMap();//创建和初始化地图
</script>
</html>
</div>
</div>
<!-- /sub-content -->
</div>
</div>
</div></div><!-- /sub-box -->
<div id="kzh61owg3q" class="footer-box" > <div id="kzh61owg3q" class="m-links area">
<h2 class="title">友情链接</h2>
<div id="kzh61owg3q" class="listBox">
<ul class="clear">
<li><a href="//www.baidu.com">百度</a></li>
</ul>
</div>
</div>
<div id="kzh61owg3q" class="m-footer area">
<div id="kzh61owg3q" class="footer-contact f-fl">
<div id="kzh61owg3q" class="conBox">
<p class="addr">地址：重庆市巴南区智云大?580号中国云教育产业?9?单元3?/p>
<p class="tel">电话?00-602-1998 13883667814</p>
<p class="fax">E-mail：chinuo@crty.net</p>
<p class="email">传真?5303200</p>
</div>
</div>
<div id="kzh61owg3q" class="footer-wechat f-fr">
<div id="kzh61owg3q" class="conBox">
<img alt="" class="erwei" />
<p>关注官方微博</p>
</div>
<div id="kzh61owg3q" class="conBox">
<img alt="" class="erwei" />
<p>关注微信公众?/p>
</div>
</div>
</div>
<div id="kzh61owg3q" class="footer-copyright"><div id="kzh61owg3q" class="area">
<p>重庆市驰诺科技有限公司. 版权所? 备案号：<a href="//beian.miit.gov.cn" target="_blank">渝ICP?7002304?1</a></p>
</div></div>
<div id="kzh61owg3q" class="m-client">
<ul class="j-child-num clear">
<li>
<a class="u-a btn phone conBox" href="javascript:;"><i class="ico"></i>咨询<div id="kzh61owg3q" class="con text">400-602-1998</div></a>
</li>
<!-- <li><a class="u-a btn" href="//wpa.qq.com/msgrd?v=3&uin=103297938&site=qq&menu=yes"><i class="ico"></i>QQ</a></li> -->
<li class="client-goTop"><a class="u-a btn" href="javascript:;"><i class="ico"></i>TOP</a></li>
</ul>
</div></div>
<!-- /footer-box -->
<script>
(function(){
var canonicalURL, curProtocol;
//Get the <link> tag
var x=document.getElementsByTagName("link");
//Find the last canonical URL
if(x.length > 0){
for (i=0;i<x.length;i++){
if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
canonicalURL=x[i].href;
}
}
}
//Get protocol
if (!canonicalURL){
curProtocol = window.location.protocol.split(':')[0];
}
else{
curProtocol = canonicalURL.split(':')[0];
}
//Get current URL if the canonical URL does not exist
if (!canonicalURL) canonicalURL = window.location.href;
//Assign script content. Replace current URL with the canonical URL
!function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script>
</body>
</html>
