Google maps api 3 我需要更改地图上标记的文本
嗨,亲爱的团队和堆栈溢出社区,我在开发者谷歌搜索,我没有我的问题的答案,我用谷歌地图和优秀作品创建了一条路线!但当我按下标记时,这会显示方向信息,但我不需要它的危险,因为这张地图可以让公司搜索工作人员看到,我不知道如何隐藏或更改信息,例如“这里是xxx之家”而不是“Av Avenuida 98373,zap,jal,mx” 对不起,我的英语不好!这是我的密码Google maps api 3 我需要更改地图上标记的文本,google-maps-api-3,Google Maps Api 3,嗨,亲爱的团队和堆栈溢出社区,我在开发者谷歌搜索,我没有我的问题的答案,我用谷歌地图和优秀作品创建了一条路线!但当我按下标记时,这会显示方向信息,但我不需要它的危险,因为这张地图可以让公司搜索工作人员看到,我不知道如何隐藏或更改信息,例如“这里是xxx之家”而不是“Av Avenuida 98373,zap,jal,mx” 对不起,我的英语不好!这是我的密码 <!DOCTYPE html> <html> <head> <meta name="
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Directions service</title>
<style>
html, body, #map-canvas {
height: 80%;
margin: 0px;
padding: 0px
}
#panel {
position: absolute;
top: 5px;
left: 50%;
margin-left: -180px;
z-index: 5;
background-color: #fff;
padding: 5px;
border: 1px solid #999;
}
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY_GMAPS&sensor=true&language=es"></script>
<script>
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
var rendererOptions = {
map: map,
suppressMarkers : false,
suppressInfoWindow: false
}
function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
var chicago = new google.maps.LatLng(41.850033, -87.6500523);
var mapOptions = {
zoom:7,
center: chicago
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
directionsDisplay.setMap(map);
}
var request = {
origin:'Av guadalupe 5765 zapopan jalisco',
destination:'Av Guadalupe 1010 zapopan jalisco',
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
document.getElementById('distance').innerHTML += response.routes[0].legs[0].distance.value + " meters";
document.getElementById('duration').innerHTML += response.routes[0].legs[0].duration.value + " seconds";
}
});
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body> <div id="map-canvas"></div>
</body>
<span id="distance"></span>
<span id="duration"></span>
</html>
<script language="javascript">
calcRoute();
showSteps();
</script>
方向服务
html,正文,#地图画布{
身高:80%;
边际:0px;
填充:0px
}
#面板{
位置:绝对位置;
顶部:5px;
左:50%;
左边距:-180px;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
}
var方向显示;
var directionsService=new google.maps.directionsService();
var映射;
var renderoptions={
地图:地图,
对:错,,
suppressInfoWindow:false
}
函数初始化(){
directionsDisplay=新建google.maps.DirectionsRenderer(渲染器选项);
var chicago=new google.maps.LatLng(41.850033,-87.6500523);
变量映射选项={
缩放:7,
中心:芝加哥
}
map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
方向显示.setMap(地图);
}
var请求={
产地:'Av guadalupe 5765 zapopan jalisco',
目的地:'Av Guadalupe 1010 zapopan jalisco',
travelMode:google.maps.travelMode.DRIVING
};
路由(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
方向显示。设置方向(响应);
document.getElementById('distance')。innerHTML+=response.routes[0]。legs[0]。distance.value+“米”;
document.getElementById('duration')。innerHTML+=response.routes[0]。legs[0]。duration.value+“秒”;
}
});
google.maps.event.addDomListener(窗口“加载”,初始化);
calcRoute();
showSteps();
必须将方向渲染器的抑制信息窗口
-选项设置为真
。
这将避免自动信息窗口
var rendererOptions = {
map: map,
suppressMarkers : false,
suppressInfoWindows: true
}
对于自定义文本,必须使用自定义InfoWindow实例(通过DirectionsRenderer
的InfoWindow选项进行设置)。观察
此信息窗口的domready
-事件,并设置所需内容