Django中的谷歌地图_Django_Google Maps

Django中的谷歌地图

django google-maps

Django中的谷歌地图,django,google-maps,Django,Google Maps,我试图在我的Django网站上实现谷歌地图，但我不知道如何实现。谁能告诉我正确的资源或教我如何使用？我也是Django新手，但我已经有了模型和视图方面的经验，但请用简单的术语向我解释。这两个Django软件包如何（易于使用，有良好的文档）：您可以从以下内容开始：（使用谷歌api定制地图，）身体{ 文本对齐：居中； } .gmap3{ 保证金：20px自动；边框：1px虚线#C0C0；宽度：500px；高度：500px； } var映射；函数初始化（）{ var mylat

我试图在我的Django网站上实现谷歌地图，但我不知道如何实现。谁能告诉我正确的资源或教我如何使用？我也是Django新手，但我已经有了模型和视图方面的经验，但请用简单的术语向我解释。

这两个Django软件包如何（易于使用，有良好的文档）：

您可以从以下内容开始：（使用谷歌api定制地图，）




身体{
文本对齐：居中；
}
.gmap3{
保证金：20px自动；
边框：1px虚线#C0C0；
宽度：500px；
高度：500px；
}
var映射；
函数初始化（）{
var mylatng=new google.maps.LatLng（36.85341604753753,10.17608086866332995）；
变量myOptions={
缩放：14，
minZoom:14，
中心：myLatlng，
可拖动：错误，
mapTypeId:google.maps.mapTypeId.SATELLITE
}
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
var marker=new google.maps.marker({
真的，
职位：myLatlng，
地图：地图，
});
google.maps.event.addListener（标记'dragend'，函数（事件）{
document.getElementById（“lat”）.value=this.getPosition（）.lat（）；
document.getElementById（“lng”）.value=this.getPosition（）.lng（）；
}
); 
}

可能的重复我需要这些包来实现谷歌地图吗？不，如果你想直接在你的网站上使用谷歌地图api，这是javascript吗？如何将python/django与此结合使用？

<html >
<body onLoad="initialize()">
                  <div class="col-sm-offset-1" id="map_canvas" style="width:500; height:500"></div>
                  <br>
                  <input type="text" id="lat">
                  <input type="text" id="lng">            
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
<style>
  body{
    text-align:center;
  }
  .gmap3{
    margin: 20px auto;
    border: 1px dashed #C0C0C0;
    width: 500px;
    height: 500px;
  }
</style>    
<script type="text/javascript">
   var map;
 function initialize() {
 var myLatlng = new google.maps.LatLng(36.85341604753753,10.176080866332995);
 var myOptions = {
 zoom: 14,
 minZoom:14,
 center: myLatlng,
 draggable:false,
 mapTypeId: google.maps.MapTypeId.SATELLITE
 }
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 var marker = new google.maps.Marker({


draggable: true,
position: myLatlng, 
map: map,
  });
google.maps.event.addListener(marker, 'dragend', function (event) {
document.getElementById("lat").value = this.getPosition().lat();
document.getElementById("lng").value = this.getPosition().lng();
}
); 
}
</script>
</body>
</html>