我有谷歌地图的静态代码,我从谷歌地图抓取。它工作正常,但我想从数据库动态获取地址。 这是静态的ifram代码。
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d212767.65777110323!2d72.89295287903074!3d33.56650389702338!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38df948974419acb%3A0x984357e1632d30f!2sRawalpindi%2C+Pakistan!5e0!3m2!1sen!2s!4v1459177032691" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
答案 0 :(得分:1)
根据Google Maps JavaScript API docs,你可以这样做:
<div id="map"></div>
<script>
function initMap() {
var myLatLng = {
lat: <?php echo $lat; ?>,
lng: <?php echo $lng; ?>
};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: myLatLng
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
加载视图时,
$data['lat'] = your db value;
$data['lng'] = your db value;
$this->load->view("whatever_view", $data);
此外,如果您想绘制该多边形,则需要阅读polygon-arrays