Javascript 如何在博客（blogspot.com）帖子中加入谷歌地图？
我试图包括这样一个页面 在一个由www.blogspot.com（谷歌的博客作者）主持的博客中 下面是从上述页面中提取的相关代码。我已经尝试通过使用HTML/JavaScript小工具并在本节中包含脚本来解决这个问题。它们都不起作用。还有其他想法吗Javascript 如何在博客（blogspot.com）帖子中加入谷歌地图？,javascript,google-maps,blogger,Javascript,Google Maps,Blogger,我试图包括这样一个页面 在一个由www.blogspot.com（谷歌的博客作者）主持的博客中 下面是从上述页面中提取的相关代码。我已经尝试通过使用HTML/JavaScript小工具并在本节中包含脚本来解决这个问题。它们都不起作用。还有其他想法吗 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script> <script type=
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
var overlay;
TQOverlay.prototype = new google.maps.OverlayView();
function initialize() {
var latlng = new google.maps.LatLng(42.345393812066433, -71.079311590576168);
var myOptions = {
zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var swBound = new google.maps.LatLng(42.255594, -71.18282318115234);
var neBound = new google.maps.LatLng(42.43519362413287, -70.9758);
var bounds = new google.maps.LatLngBounds(swBound, neBound);
var srcImage = "http://www.jefftk.com/apartment_prices/apts-2011-06.png";
overlay = new TQOverlay(bounds, srcImage, map);
}
function TQOverlay(bounds, image, map) {
this.bounds_ = bounds;
this.image_ = image;
this.map_ = map;
this.div_ = null;
this.setMap(map);
}
TQOverlay.prototype.onAdd = function() {
var div = document.createElement('DIV');
div.style.border = "none";
div.style.borderWidth = "0px";
div.style.position = "absolute";
var img = document.createElement("img");
img.src = this.image_;
img.style.width = "100%";
img.style.height = "100%";
img.style.opacity = .5;
img.style.filter = 'alpha(opacity=50)';
div.appendChild(img);
this.div_ = div;
var panes = this.getPanes();
panes.overlayLayer.appendChild(div);
}
TQOverlay.prototype.draw = function() {
var overlayProjection = this.getProjection();
var sw = overlayProjection.fromLatLngToDivPixel(this.bounds_.getSouthWest());
var ne = overlayProjection.fromLatLngToDivPixel(this.bounds_.getNorthEast());
var div = this.div_;
div.style.left = sw.x + 'px';
div.style.top = ne.y + 'px';
div.style.width = (ne.x - sw.x) + 'px';
div.style.height = (sw.y - ne.y) + 'px';
}
TQOverlay.prototype.onRemove = function() {
this.div_.parentNode.removeChild(this.div_);
this.div_ = null;
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
<div id="legend">
<b>$/bedroom</b>
<br><br>
<font color="#FF0000">█</font> $1800+<br>
<font color="#FF2B00">█</font> $1700+<br>
<font color="#FF5600">█</font> $1600+<br>
<font color="#FF7F00">█</font> $1500+<br>
<font color="#FFAB00">█</font> $1400+<br>
<font color="#FFD500">█</font> $1300+<br>
<font color="#FFFF00">█</font> $1200+<br>
<font color="#7FFF00">█</font> $1100+<br>
<font color="#00FF00">█</font> $1000+<br>
<font color="#00FF7F">█</font> $900+<br>
<font color="#00FFFF">█</font> $800+<br>
<font color="#00D5FF">█</font> $700+<br>
<font color="#00ABFF">█</font> $600+<br>
<font color="#007FFF">█</font> $500+<br>
<font color="#0056FF">█</font> $400+<br>
<font color="#002BFF">█</font> $300+<br>
<font color="#0000FF">█</font> $300-<br>
<br>
as of 6/2011<br>
<a href="index.html">current</a><br>
<a href="rooms-2011-06.html">$/room</a><br>
(<a href="/news/2011-06-18.html">details</a>)
</div>
var叠加；
TQOverlay.prototype=新的google.maps.OverlayView（）；
函数初始化（）{
var latlng=新的google.maps.latlng（42.345393812066433，-71.079311590576168）；
变量myOptions={
缩放：13，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
var swBound=new google.maps.LatLng（42.255594，-71.1828231815234）；
var neBound=new google.maps.LatLng（42.43519362413287，-70.9758）；
var bounds=new google.maps.LatLngBounds（swBound，neBound）；
var srcImage=”http://www.jefftk.com/apartment_prices/apts-2011-06.png";
覆盖=新的覆盖（边界、图像、地图）；
}
函数覆盖（边界、图像、贴图）{
this.bounds=bounds；
this.image=image；
this.map=map；
this.div=null；
这个.setMap（map）；
}
TQOverlay.prototype.onAdd=函数（）{
var div=document.createElement（'div'）；
div.style.border=“无”；
div.style.borderWidth=“0px”；
div.style.position=“绝对”；
var img=document.createElement（“img”）；
img.src=this.image；
img.style.width=“100%”；
img.style.height=“100%”；
img.style.opacity=.5；
img.style.filter='alpha（不透明度=50'）；
儿童分部（img）；
this.div=div；
var panes=this.getPanes（）；
窗格。覆盖层。附属物（分区）；
}
TQOverlay.prototype.draw=函数（）{
var overlyprojection=this.getProjection（）；
var sw=overlyprojection.fromLatLngToDivPixel（this.bounds_u2;.getSouthWest（））；
var ne=overlyprojection.fromLatLngToDivPixel（this.bounds_u2;.getNorthEast（））；
var div=this.div_2;；
div.style.left=sw.x+‘px’；
div.style.top=ne.y+'px'；
div.style.width=（ne.x-sw.x）+“px”；
div.style.height=（西南y-东北y）+“px”；
}
TQOverlay.prototype.onRemove=函数（）{
this.div\u.parentNode.removeChild（this.div\u）；
this.div=null；
}
$/卧室
█ $1800+
█ $1700+
█ $1600+
█ $1500+
█ $1400+
█ $1300+
█ $1200+
█ $1100+
█ $1000+
█ $900+
█ $800+
█ $700+
█ $600+
█ $500+
█ $400+
█ $300+
█ $300-
截至2011年6月
()
div id=“map\u canvas”<div id="map_canvas" style="width:400px; height:400px"></div>
我在我的博客网站上尝试了上述代码，当我将
div id=“map\u canvas”<div id="map_canvas" style="width:400px; height:400px"></div>