谷歌地图在jsFiddle [英] Google maps in 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屋！