Ich benutze Squarespace, um meine Website zu erstellen und möchte eine benutzerdefinierte Karte aus Google Maps Javascript API einfügen. Ich habe schon Google API-Schlüssel bekommen.Google Maps API auf Squarespace
ich gefolgt sind Schritte wie folgt:
Was ich zum Archiv versuchen, nur eine Google-Karte auf meiner Web zeigen.
Schritt 1:
html Legen<div id="map_canvas"></div>
Schritt 2 einen einbetten Block für: insert JavaScript in page header
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=my-key&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
Schritt 3: in
Abschnitt benutzerdefinierte CSS#map_canvas
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px
}
Aber die Codes, die ich auf Squarespace legte, funktionierten nicht. Wie soll ich es machen? Hier ist der Link zu meiner Webseite auf Square
Dank !!
Probieren Sie den festen Wert der Breite und Höhe. 'Breite: 500px; Höhe: 500px; '. Rest Ihrer Code-Nähte gut –
Kann ich fragen, warum Sie diese Route gehen, wenn Squarespace bereits eine integrierte Integration für Google Maps hat? In diesem Beispiel zeichnen Sie keine Daten, daher ist die Notwendigkeit einer benutzerdefinierten Google-Karte nicht wirklich relevant. Fehle ich etwas? Wenn Sie eine Karte mit mehreren Standorten benötigen, wird Ihr Code ein wenig komplexer, um die Daten aus Squarespace zu erfassen und auf die Karte zu zeichnen ... – jasonbarone
@jasonbarone Entschuldigung für die wirklich späte Antwort. Der Grund, warum ich diesen Weg gehen werde, ist, weil ich später eine Karte mit mehreren Orten machen möchte, wie Sie gesagt haben. Wenn Sie Zeit haben, hoffe ich, dass Sie mir den Weg zu Squarespace sagen würden. Danke. – arccycle