标签: google-maps-markers

谷歌地图多边形命名

我可以使用以下代码在谷歌地图上绘制 3 个多边形区域,

    var var_2 = [
    << latitude, longitudes>>.....            

    ];
    var boundary2 = new google.maps.Polygon({
        paths: var_2,
        geodesic: true,
        strokeColor: 'blue',
        strokeOpacity: 0.2,
        strokeWeight: 2,
        fillColor: 'blue',
        fillOpacity: 0.2
    });
    boundary2.setMap(map);
    boundary2.addListener('click', showArrays);
    infoWindow = new google.maps.InfoWindow;

    function showArrays(event) {
        var vertices = this.getPath();
        var contentString = 'AREA_1';
        infoWindow.setContent(contentString);
        infoWindow.setPosition(event.latLng);
        infoWindow.open(map);
    }
Run Code Online (Sandbox Code Playgroud)

但是所有 3 个多边形都采用相同的名称“AREA_3”。请帮我解决这个问题。

-谢谢

google-maps polygons google-maps-markers

-1
推荐指数
1
解决办法
3090
查看次数

由于无法提供位置数据,无法在谷歌地图markclusterer中应用自定义图标进行聚类

这个实用程序的文档对我来说毫无意义。根据thisthisMarkerClusterer ,您可以通过首先通过的属性将群集图标转换为标记来自定义群集图标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
      } …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps google-maps-api-3 google-maps-markers typescript

-1
推荐指数
1
解决办法
2041
查看次数

从谷歌地图中删除现有标签

我有一个使用谷歌地图构建的应用程序,当在地图上绘制纬度和经度时,有没有办法删除地图中已经存在的标记在此处输入图片说明

javascript google-maps google-maps-api-3 google-maps-markers

-2
推荐指数
1
解决办法
3194
查看次数

创建一个包含价格的谷歌地图标记

我正在创建一个房地产网站,其中的地图显示房屋的价格.我需要像airbnb.com上使用的标记一样的标记.我该怎么做?我用这个:

销

我需要这样的东西:

我想要的是

javascript google-maps google-maps-api-3 google-maps-markers

-2
推荐指数
1
解决办法
2317
查看次数

如何在谷歌地图颤动中制作多个圆圈

我有不同半径上的多个位置,我想根据半径值绘制圆。如果你在图片中看到两个圆圈根据其半径值显示

在此输入图像描述

google-maps google-maps-markers flutter flutter-dependencies

-2
推荐指数
1
解决办法
1648
查看次数

在扑动的谷歌地图中的自定义标记中添加数字?

我想在颤振开发时在谷歌地图的自定义标记中添加数字。我在下面分享了我的完整来源。所以请帮助我,如何修改我的源来解决我的问题。感谢我的依赖:

custom_marker_icon: ^0.2.0  


import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:custom_marker_icon/custom_marker_icon.dart';


class FlutterAnimarkerExample extends StatefulWidget {
  @override
  _FlutterAnimarkerExampleState createState() =>
      _FlutterAnimarkerExampleState();
}

class _FlutterAnimarkerExampleState extends State<FlutterAnimarkerExample> {
  final LatLng _latLng = LatLng(28.7041, 77.1025);
  final double _zoom = 15.0;

  Set<Marker> _markers = {};

  void _addMarkers() async {
    BitmapDescriptor markerIcon = await CustomMarkerIcon.fromIcon(
      Icons.circle,
      Colors.blue,
      100,
    );
    setState(() {
      _markers.add(
        Marker(
          markerId: MarkerId("marker_id"),
          position: _latLng,
          icon: markerIcon,
        ),
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Custom Marker Icon …
Run Code Online (Sandbox Code Playgroud)

android google-maps google-maps-markers dart flutter

-2
推荐指数
1
解决办法
2126
查看次数

使用MySQL的Haversine Fomula到达附近的位置

我正在尝试在PHP/MySQL中使用hasrsine公式将附近的位置移到我所在的位置

我正在使用AJAX在我的谷歌地图上只获取附近的标记.

我所知道的是我的查询没有返回任何内容.

我知道在我看的地方有一个位置.

基本上,使用hasrsine公式我的代码出了什么问题?

编辑 - 从这里改变吨以遵循教程.错误仍然是一样的.

PHP

$lati = 40.78405877579076;
$longi = -73.94800172194275;

class RadiusCheck
{
    var $maxLat;
    var $minLat;
    var $maxLong;
    var $minLong;

    function RadiusCheck($Latitude, $Longitude, $Miles)
    {
        global $maxLat,$minLat,$maxLong,$minLong;
        $EQUATOR_LAT_MILE = 69.172;
        $maxLat = $Latitude + $Miles / $EQUATOR_LAT_MILE;
        $minLat = $Latitude - ($maxLat - $Latitude);
        $maxLong = $Longitude + $Miles / (cos($minLat * M_PI / 180) * $EQUATOR_LAT_MILE);
        $minLong = $Longitude - ($maxLong - $Longitude);
    }

    function MaxLatitude()
    {
        return $GLOBALS["maxLat"];
    }
    function …
Run Code Online (Sandbox Code Playgroud)

php mysql location distance google-maps-markers

-3
推荐指数
1
解决办法
574
查看次数