Google Maps API：自定义Marker图标,为图标添加文字等信息.docx

代码： function load() /检查浏览器的兼容性. if (GBrowserIsCompatible() /加载地图 var map = new GMap2(document.getElementById(map_canvas); map.addControl(new GSmallMapControl(); map.addControl(new GMapTypeControl(); map.setCenter(new GLatLng(39.9493, 116.3975), 13); / Create a base icon for all of our markers that specifies the / shadow, icon dimensions, etc. google.maps.LabelMarker = function(latlng, options) this.latlng = latlng; this.labelText = options.labelText | ; this.labelClass = options.labelClass | writeb; this.labelOffset = options.labelOffset | new google.maps.Size(8, -33); options.icon = options.icon | getTextIcon(); google.maps.Marker.apply(this, arguments); google.maps.LabelMtotype = new google.maps.Marker(new google.maps.LatLng(0, 0); google.maps.LabelMtotype.initialize = function(map) google.maps.Mtotype.initialize.call(this, map); var label = document.createElement(div); label.className = this.labelClass; label.innerHTML = this.labelText; label.style.position = absolute; label.style.width = 48px; map.getPane(G_MAP_MARKER_PANE).appendChild(label); this.map = map; this.label = label; google.maps.LabelMtotype.redraw = function(force) google.maps.Mtotype.redraw.call(this, map); if(!force) return; var point = this.map.fromLatLngToDivPixel(this.latlng); var z = google.maps.Overlay.getZIndex(this.latlng.lat(); this.label.style.left = (point.x + this.labelOffset.width) + px; this.label.style.top = (point.y + this.labelOffset.height) + px; this.label.style.zIndex = z + 1; google.maps.LabelMtotype.remove = function() this.label.parentNode.removeChild(this.label); this.label = null; google.maps.Mtotype.remove.call(this); var n= 21;/在这里接收要显示的信息，文字要用双引号 function getTextIcon() var icon = new google.maps.Icon();/ icon.image = http:/ridefinder/images/mm_20_red.png; icon.image = /ridefinder/images/mm_20_yellow.png; icon.iconSize = new GSize(37,37 ); icon.iconAnchor = new GPoint(0, 40); WindowAnchor = new GPoint(5, 1); return icon; var ma