谷歌地图在jsFiddle [英] Google maps in jsFiddle
本文介绍了谷歌地图在jsFiddle的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图在jsFiddle中实现Google地图来提出另一个问题,但我看不到地图:
http://jsfiddle.net/hashie5/aknYP/
我在资源中添加了gmap脚本
如何在jsFiddle中显示地图?
函数initialize(){
var myLatlng = new google.maps.LatLng(50.965049,5.484231);
var myOptions = {
zoom:14,
center:myLatlng,
mapTypeId:google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById(map_canvas),myOptions);
var contentString =
'< div id =infowindow>'+
'Galaconcert< br />'+
'Jaarbeurslaan 2-6< ;'+
'3690 Genk'+
'< / div>'
;
var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker({
position:myLatlng,
map:map,
title:'Galaconcert'
}) ;
google.maps.event.addListener(marker,'click',function(){
infowindow.setContent(contentString);
infowindow.open(map,marker);
});
解决方案
=http://jsfiddle.net/aknYP/4/ =nofollow> http://jsfiddle.net/aknYP/4/
您从不会调用 initialize()
,也不会加载JS Google Maps API
I'm trying to implement Google maps in jsFiddle to ask another question, but I can't see the map: http://jsfiddle.net/hashie5/aknYP/
I've added the gmap script in the resources
How can I show the map in jsFiddle?
function initialize() {
var myLatlng = new google.maps.LatLng(50.965049,5.484231);
var myOptions = {
zoom: 14,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var contentString =
'<div id="infowindow">' +
'Galaconcert<br />' +
'Jaarbeurslaan 2-6<br />' +
'3690 Genk' +
'</div>'
;
var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Galaconcert'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(contentString);
infowindow.open(map, marker);
});
}
解决方案
There you go http://jsfiddle.net/aknYP/4/
You were never calling initialize()
nor loading the JS Google Maps API
这篇关于谷歌地图在jsFiddle的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文