im yiibie, и я хочу использовать google-карты в своем проекте так же, как встроенные карты google. Например, я хочу, чтобы, когда ngo(in my case) регистрирует там ngo, они могут указать там адрес, тип карты и т. Д. (Так же, как и в встроенной карте Google), чтобы люди, посещающие эту страницу ngo, могли легко найти это ngo и можете получить маршрут к этому ngo, я не знаю, как и где использовать эти карты Google, пожалуйста, помогите мне, спасибо.
Я не знаю расширения, но вы можете легко создать карту таким образом (в этом примере отсутствует ключ карты google, но если ваше приложение требует этого, вы должны его получить)
В разделе <head> добавьте это
'<script src="https://maps.googleapis.com/maps/api/js?sensor=false&v=3&"></script>' <style> html, body, #map { height: 100%; margin: 0px; padding: 0px } </style>
В <body> добавить
<body> <div id="map" ></div> <script> var yourLat = <?= $yourLat; ?> var yourLng = <?= $yourLng; ?> function init() { var mapOptions = { zoom: 15, center: new google.maps.LatLng(yourLat , yourLng) } var mapElement = document.getElementById('map'); // Create the Google Map using out element and options defined above var map = new google.maps.Map(mapElement, mapOptions); var myLatLng = new google.maps.LatLng(yourLat, yourLng); var yourMarker = new google.maps.Marker({ position: myLatLng, map: map, }); } // Google Maps Scripts // When the window has finished loading create our google map below google.maps.event.addDomListener(window, 'load', init); </script> ...... </body>