标签: google-maps-api-3
php + mysql + 谷歌地图
我正在使用谷歌地图创建一个动态谷歌地图，该地图使用 php mysql 获取存储在数据库中的位置（纬度，经度），并通过地图上的标记显示所选位置，但问题是我让地图显示为蓝色如果有人可以帮助我，我将不胜感激
地图.php
<?php
$conn = mysql_connect("localhost", "****", "*****") or die(mysql_error());
mysql_select_db("map") or die(mysql_error());
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps</title>
<style type="text/css">
body { font: normal 10pt Helvetica, Arial; }
#map { width: 350px; height: 300px; border: 0px; padding: 0px; }
</style>
<script src="http://maps.google.com/maps/api/js?key=mykey&sensor=false" type="text/javascript"></script>
<script type="text/javascript">
//Sample code written by August Li
var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/blue.png",
new google.maps.Size(32, 32), new google.maps.Point(0, 0),
new google.maps.Point(16, 32));
var center = null;
var map = null; …推荐指数
解决办法
查看次数
设置填充颜色标记谷歌地图
如何使用最后一列设置标记的颜色？
google.load("visualization", "1", {packages:["map"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Lat', 'Long', 'Name', 'Color'],
[0.001, 0.002, 'Test 1', '#56df23'],
[0.003, 0.004, 'Test 2', '#0023f6']
]);
var options = {
showTip: true,
useMapTypeControl: true
};
var map = new google.visualization.Map(document.getElementById('map_div'));
map.draw(data, options);
}
在谷歌搜索和 stackoverflowing 时，我发现了这个相关主题：Google Maps: set custom color for type ofMarkers
但我正在寻找的解决方案必须具有以下属性：
- 颜色由用户定义（= 不使用 png 图像）
- 我想使用默认标记，而不是圆圈
推荐指数
解决办法
查看次数
使用JavaScript中的Google Maps API查找当前位置
我一直在尝试在我的一个项目中使用Google Maps API,问题是即使允许位置访问(它是一个网站项目),它也没有向我显示当前的确切位置.我的意思是它输出的位置,但200米之外.当我尝试在同一设备上使用谷歌地图的网络版时,它向我显示当前位置+ -20米.我们正试图找到确切的经度和纬度.这是JavaScript
function getCurrentLocation() {
var options = {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 0
}
}
// Try HTML5 geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
var lat_and_long = pos.lat+","+pos.lng;
$("#geocomplete").geocomplete("find", lat_and_long);
}
}
$("#geocomplete").bind("geocode:dragged", function(event, latLng){
$("input[name=lat]").val(pos.lat());
$("input[name=lng]").val(pos.lng());
$("#reset").show();
console.log(latLng);
});
console.log(pos);
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
infoWindow.setPosition(pos);
infoWindow.setContent(browserHasGeolocation ?
'Error: The Geolocation service failed.' :
'Error: Your browser doesn\'t support geolocation.');
infoWindow.open(map);
}
我们使用以下Google …
推荐指数
解决办法
查看次数
谷歌地图得到一条带点的折线
在 Javascript Google Maps API v3 中，可以绘制可移动的折线。这正是我想要的折线的外观，但是，它不需要是可移动的。
现在，由于它是可移动的，因此需要花费更多时间来绘制这些折线。我必须画 20 条这样的线，因此最多 200 个点。与绘制这些线所需的正常时间相比，存在明显的滞后。
因此我的问题是。我能否获得一种快速绘制替代方案来绘制看起来与我现在拥有的完全一样的折线？该图像显示了我正在寻找的更多内容。
我希望有一个人可以帮助我。
推荐指数
解决办法
查看次数
由于无法提供位置数据，无法在谷歌地图markclusterer中应用自定义图标进行聚类
这个实用程序的文档对我来说毫无意义。根据this和thisMarkerClusterer ，您可以通过首先通过的属性将群集图标转换为标记来自定义群集图标renderer，然后像普通标记一样应用图标样式。然而， anew google.maps.Marker需要一个position属性才能工作 - “我无权访问的属性”。我可以访问各个标记位置的各个位置，但使用标记聚类功能的全部意义在于为您计算中点。
如果我不知道位置，如何将簇渲染在正确的位置？我可以访问道具_position上的属性stats，但这会引发错误：
Cannot read properties of undefined (reading 'addListener')
我真的不知道在这里做什么，因为那里似乎没有很多可靠的例子。据我所知，我正在遵循他们的 github中列出的示例。
private createClusteredMarkerMap() {
new this._GoogleMaps.load((google) => {
let map = new google.maps.Map(this._map, mapOptions);
const markers = this._locations.map(({ lat, long }) => {
// loop and extract lat/lng
});
new markerClusterer.MarkerClusterer({
map,
markers,
renderer: {
render: (clusters, stats) => {this.testRenderer(clusters, stats)} // trying to edit the icons here
} …javascript google-maps google-maps-api-3 google-maps-markers typescript
推荐指数
解决办法
查看次数
标记拖动Google Maps API V3上的事件
我创建了事件监听器来执行一个功能,当用户拖动一个标记但它不起作用时,任何人都可以帮助我吗？
这是事件监听器
google.maps.event.addListener(marker, 'dragend', enviarParaASP(marker));
功能:
function enviarParaASP(marcador) {
coordenadaASalvar = { latitude: marcador.position.d, longitude: marcador.position.e };
jQuery.ajax({
url: 'GoogleMapsGeolocation.aspx/SalvaCoordenadas',
type: "POST",
data: JSON.stringify({'coord': coordenadaASalvar}),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) { alert("OK "); },
failure: function (msg) { alert("Sorry!!! "); }
});
推荐指数
解决办法
查看次数
如何通过Google maps v3中的几何库指示某个点位于圆形或矩形内？
看这个:
if(google.maps.geometry.poly.containsLocation(new google.maps.LatLng(arrayLatitude[counter1], arrayLongitude[counter1]), polygon))
{
}
这是指示一个点在多边形内部或没有的条件.我正在寻找类似但是圆形或矩形的东西.
这样的事情:
if(google.maps.geometry.circle.containsLocation(new google.maps.LatLng(arrayLatitude[counter1], arrayLongitude[counter1]), circle)
{
}
或者对于矩形:
if(google.maps.geometry.rectangle.containsLocation(new google.maps.LatLng(arrayLatitude[counter1], arrayLongitude[counter1]), rectangle)
{
}
推荐指数
解决办法
查看次数
从谷歌地图中删除现有标签
我有一个使用谷歌地图构建的应用程序，当在地图上绘制纬度和经度时，有没有办法删除地图中已经存在的标记
javascript google-maps google-maps-api-3 google-maps-markers
推荐指数
解决办法
查看次数
创建一个包含价格的谷歌地图标记
我正在创建一个房地产网站,其中的地图显示房屋的价格.我需要像airbnb.com上使用的标记一样的标记.我该怎么做？我用这个:
我需要这样的东西:
javascript google-maps google-maps-api-3 google-maps-markers
推荐指数
解决办法
查看次数
Google地图未显示完整地址
我正在尝试让Google地图自动填写"城市 - 州,国家/地区"格式的地址,但它会返回此信息:
简而言之:只返回城市,但我不知道它来自哪里.
我用这种方式测试了它:
var input = document.getElementById('address');
$(function () {
var options = {
types: ['(cities)']
};
var autocomplete = new google.maps.places.Autocomplete(input, options);
});
和JS:
<script src="https://maps.googleapis.com/maps/api/js?key=****&libraries=places"></script>
如果我删除types: ['(cities)']继续而不显示其余的地址.
我哪里做错了？
推荐指数
解决办法
查看次数
使用谷歌地图的城市的主要路线目的地
我正在寻找谷歌地图上城市或地区最常用路线目的地的数据.理想情况下,在指定的时间间隔内(我在这里乐观不是我).
推荐指数
解决办法
查看次数
Array.from() 的实现不支持迭代，Google Maps JavaScript API v3 无法正常工作
Google 地图正在运行，现在要求更改 API 密钥。API 密钥更新后，它说
Array.from() 的实现不支持迭代，Google Maps JavaScript API v3 无法正常工作。
它如何消除这个错误？
推荐指数
解决办法
查看次数
我可以在 Google 地图上使用第三方路由服务吗？
我想使用谷歌地图作为项目的基础层。但是，我不想使用他们的 Directions API 在地图上绘制路线，而是使用第三方服务。这是否违反了 Google 的协议条款？
推荐指数
解决办法
查看次数
标签 统计
google-maps ×11
javascript ×11
maps ×2
dom-events ×1
events ×1
gps ×1
jquery ×1
mysql ×1
php ×1
polyline ×1
routes ×1
typescript ×1