如何在项目中添加谷歌地图Api?
我正在创建一个电子商务网站,我想在其中添加谷歌地图API如何在项目中添加谷歌地图Api?,api,google-maps,google-maps-api-3,google-goggles,Api,Google Maps,Google Maps Api 3,Google Goggles,我正在创建一个电子商务网站,我想在其中添加谷歌地图API 我知道这是一件非常简单的事情,但我有一个小问题,所以谁能帮助我如何添加谷歌地图API 如果要添加不带iframe的映射,请查看此jsfiddle 您需要在此处更改您所在位置的经度和纬度。你可以从谷歌地图上得到这个。要更改的部分是新的google.maps.LatLng51.372658,1.354386 <html> <head> <script type="text/javascript" src="htt
我知道这是一件非常简单的事情,但我有一个小问题,所以谁能帮助我如何添加谷歌地图API 如果要添加不带iframe的映射,请查看此jsfiddle 您需要在此处更改您所在位置的经度和纬度。你可以从谷歌地图上得到这个。要更改的部分是新的google.maps.LatLng51.372658,1.354386
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
var map_canvas = document.getElementById('map_canvas');
var map_options = {
center: new google.maps.LatLng(51.372658, 1.354386),
zoom:16,
mapTypeId: google.maps.MapTypeId.HYBRID
}
var map = new google.maps.Map(map_canvas, map_options)
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<style>
#map_canvas {
width: 500px;
height:400px;
border:1px solid #888888;
margin-bottom:20px;
box-shadow: 2px 2px 2px #888888;
}
</style>
</head>
<body>
<div id="map_canvas"></div>
</body>