Hi,
Ich stehe vor folgendem Problem:
Ich brauche auf meiner Seite eine Google Maps Integration die auf eine bestimmte Koordinate eingestellt ist. Soweit alles kein Problem.
Aber: Ich müsste um diese Koordinate einen Umkreis von 15km mit einem Kreis markieren...
Habe mal bisschen gegoogelt und die Google Circle Klasse dafür entdeckt. Danach habe ich mir das Tutorial für die Google Maps API v3 zu Gemüte geführt und weiss nun, wie ich theoretisch so das ganze integriere:
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>Und irgendwo gehört da halt noch die circle Klasse rein... Wie muss ich das ganze nun aber in wordpress einbauen? Ich verwende das xtreme-one theme.
Oder gibt es ein Plugin bei dem ich diese Circle Klasse irgendwie verwenden kann? Habe nach ausgiebiger Suche aber nichts dazu gefunden..
Hoffe es findet jemand Zeit mir zu helfen...
Vielen Dank im Voraus!
LG