如何在项目中添加 Google Maps Api？ [关闭]
Posted
技术标签:
【中文标题】如何在项目中添加 Google Maps Api？ [关闭]【英文标题】：How to add Google Maps Api in a project? [closed] 【发布时间】：2014-05-25 13:38:33 【问题描述】：我正在创建一个电子商务网站，我想在其中添加 Google Maps API？
我知道这是一件非常简单的事情，但我遇到了一个小问题，那么任何人都可以帮助我添加 Google Maps API 吗？
【问题讨论】：
【参考方案1】：如果你想添加没有 iframe 的地图，请查看这个 jsfiddle
http://jsfiddle.net/cQTdc/
<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>
您需要在此处更改您所在位置的经度和纬度。你可以从谷歌地图上得到这个。要更改的部分是“新的 google.maps.LatLng(51.372658, 1.354386)”
【讨论】：
以上是关于如何在项目中添加 Google Maps Api？ [关闭]的主要内容，如果未能解决你的问题，请参考以下文章
Flutter：如何使用新的 Marker API 向 Google Maps 添加标记？