GOOGLE地图标注公司名称，自定义标注GOOGLE标注的方法_亳州网络公司 - 亳州网站制作 - 亳州网站建设

代码如下

XML/HTML代码

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
function load() {
var myLatlng = new google.maps.LatLng(33.846467,115.778732); //设置地图的中心坐标
var myOptions = {
//这里的参数可以为多个参数，具体参考MapOptions对象
zoom: 12,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"), myOptions);
var marker = new google.maps.Marker({
//可以为多个参数，具体参考MarkerOptions对象
map: map,
position: myLatlng
});
//google.maps.event.addListener(marker, 'click', function(event) {
//说明：上面的是实现当点击时出现相关名称，这里没有启用，而是直接显示
//这里的infoWindow的参数可以为多个对象，具体可以参考InfoWindowOptions对象
var html = '<div ><font color="blue">亳州易天科技</font></div>';
var infowindow = new google.maps.InfoWindow({ content: html });
infowindow.open(map, marker);
//});
}
</script>
</head>
<body onLoad="load()">
<div id="nav"><a href="../index.html">易天科技收集：定位至亳州市政府地图</a> > Google地图API添加标注</div>
<table border="1" id="table1" bordercolor="#cccccc">
<tr>
<td>
<div id="map" style="width:600px; height:400px"></div>
</td>
</tr>
</table>
</body>
</html>