-1
我想從衛星地圖顯示完全靜態圖像。更改帶有javascript功能的圖像源不起作用
我做了這樣的Jsfiddle
我這樣做是使用靜態地圖API。
Example:
<img src="http://maps.google.com/maps/api/staticmap?center=20.1,20.1,NY&zoom=18&size=200x200&maptype=satellite"/>
但我需要改變它,因爲這些圖像應該以動態方式出現。 由於某些原因,JavaScript函數未執行。幫我!
function addImageSource(number,lat, lon) {
var imageSource = "http://maps.google.com/maps/api/staticmap?center=" + lat + "," + lon + ",NY&zoom=18&size=200x200&maptype=satellite";
$("#item" + number).attr("src", imageSource);
}
addImageSource(1,20.123456, 21.123456);
addImageSource(2,21.123456, 21.123456);
addImageSource(3,22.123456, 21.123456);
addImageSource(4,23.123456, 21.123456);
addImageSource(5,24.123456, 21.123456);
addImageSource(6,25.123456, 21.123456);
的HTML代碼:
<div id='item1'> <img/> </div>
<div id='item2'> <img/> </div>
<div id='item3'> <img/> </div>
<div id='item4'> <img/> </div>
<div id='item5'> <img/> </div>
<div id='item6'> <img/> </div>
有人可以幫我請,我怎麼能以最佳的方式實現這一目標?